div.today_event{
	width: 100%;
	height: 50px;
	padding-top: 5px;
	background: url("../../image/today_eventbg.jpg") repeat-x;
	min-width: 1230px;
	margin-top: 50px;
}
div.today_event div.today_center{
	width: 880px;
	margin: 0 auto;
}
div.today_event div.today_center div.tevent_title{
	margin-top:10px;
	width: 420px;
	height: 35px;
	float: left;
}

div.today_event div.today_center div.tevent_title *{
	float:left;
	color: #414141;
	font-size: 14px;
	font-weight: bold;
}

div.today_event div.today_center div.tevent_title span.mtime{
	font-size: 14px;
	margin: 0 15px;
	padding: 0px;
}

div.today_event div.today_center div.tevent_title span{
	line-height: 20px;
}

div.today_event div.today_center div.tevent_title div.time{
	/*float: left;
	color: #4c6969;
	font-size: 18px;*/
}
div.today_event div.today_center div.tevent_title div.time *{
	/*float: left;
	color: #4c6969;
	font-size: 18px;*/
}
div.invite_mouth_fun{
	float:left;
	font-size:12px;
	margin-top:9px;
	margin-left: 45px;
	width: 350px;
	height: 31px;
	background:url(../../image/clip_view_time_fun.png) no-repeat;
}

div.invite_mouth_fun a{
	width:30px;
	height:20px;
	display:block;
	float:left;
	margin:0 3px;
	margin-top:4px;
	cursor:pointer;
}
div.invite_mouth_fun a.y_left{
	background:url(../../image/arrow.png) 0px 0px  ;
}
div.invite_mouth_fun a.y_left:hover{
	background:url(../../image/arrow.png) -30px 0px  ;
}
div.invite_mouth_fun a.y_right{
	background:url(../../image/arrow.png) 0px -40px  ;
}
div.invite_mouth_fun a.y_right:hover{
	background:url(../../image/arrow.png) -30px -40px  ;
}
div.invite_mouth_fun a.m_left{
	background:url(../../image/arrow.png) 0px -20px  ;
}
div.invite_mouth_fun a.m_left:hover{
	background:url(../../image/arrow.png) -30px -20px  ;
}
div.invite_mouth_fun a.m_right{
	background:url(../../image/arrow.png) 0px -60px;
}
div.invite_mouth_fun a.m_right:hover{
	background:url(../../image/arrow.png) -30px -60px  ;
}
div.invite_mouth_fun select{
	float:left;
	font-size: 12px;
    margin: 5px 5px 0 0;
    width: 55px;
}
div.invite_mouth_fun select option{
	font-size:12px;
}

div.invite_mouth_fun span.btm_tmonth{
	float:left;
	height:21px;
	width:30px;
	background:url(../../image/btm_tmonth.png) no-repeat 0 0;
	font-size:11px;
	cursor:pointer;
	color:#FFF;
	margin:3px 0 0 5px;
	text-align:center;
}
div.invite_mouth_fun span.btm_tmonth:hover{
	background:url(../../image/btm_tmonth.png) no-repeat -30px 0;
}
div.invite_mouth_fun span{
	float:left;
	width: 15px;
	height: 15px;
	margin-top:5px;
	background:url(../../image/nyzrd.png) no-repeat;
}
div.invite_mouth_fun span.nian{
	background-position: 0px 0px;
}
div.invite_mouth_fun span.yue{
	background-position: 0px -15px;
}

div.top{
	margin-left: 25px;
	background: url("../../image/calendar_top.png");
	height: 10px;
	width: auto;
}

table.main {
    height: 100%;
    min-width: 1230px;
    overflow: hidden;
    position: relative;
    width: 100%;
    background: #c0d1db;
    margin-top: 47px;
}

td.center {
	/*background: #d5d4d9;*/
    color: #111111;
    font-size: 12px;
    height: 100%;
    overflow: hidden;
    padding: 0px 0 30px 10px;
    vertical-align: top;
}
div.mouth_view{
}

div.mouth_view div.topline{
	width: 1050px;
	height: 10px;
	background: url("../../image/topline_bg.jpg");
	margin-top: 15px;
}
div.mouth_view div.bottomline{
	width: 1050px;
	height: 10px;
	background: url("../../image/bottomline_bg.jpg");
}
div.mouth_view table.maincontent{
	width: 1050px;
	
}
div.mouth_view table.maincontent td.left{
	width: 10px;
	height: 100%;
	background: url("../../image/cal_con_left.jpg") repeat-y;
	overflow: hidden;
}
div.mouth_view table.maincontent td.right{
	width: 10px;
	height: 100%;
	background: url("../../image/cal_con_right.jpg") repeat-y;
}
div.mouth_view table.maincontent td.cal_center{
	background: #a1b0b8;
	width:auto;
	height: 100%;
	overflow: hidden;
    position: relative;
}
div.mouth_view table.maincontent td.cal_center div.cal_centeroptline{
	height: 40px;
	width: 790px;
	float: left;
	margin-top: 4px;
}
div.mouth_view table.maincontent td.cal_center div.cal_centeroptline button.createcircle{
	float: right;
	padding: 0px;
	border: 0px;
	width: 80px;
	height: 31px;
	background: url("../../image/cal_centeroptline_createcircle.png");
	cursor: pointer;
}
div.mouth_view table.maincontent td.cal_center div.cal_centeroptline button.createcircle:hover{background-position: 0 -31px;}
div.mouth_view table.maincontent td.cal_center div.cal_centeroptline button.createcircle:active{background-position: 0 -62px;}
div.mouth_view table.maincontent td.cal_center div.cal_centeroptline button.addclip{
	float: right;
	padding: 0px;
	border: 0px;
	width: 80px;
	height: 31px;
	background: url("../../image/cal_centeroptline_addclip.png");
	margin-right: 15px;
	cursor: pointer;
}
div.mouth_view table.maincontent td.cal_center div.cal_centeroptline button.addclip:hover{background-position: 0 -31px;}
div.mouth_view table.maincontent td.cal_center div.cal_centeroptline button.addclip:active{background-position: 0 -62px;}

div.mouth_view table.maincontent td.cal_center div.cal_centerhead{
	background: url("../../image/cal_centerheadbg.png");
	height: 48px;
	width: 790px;
	float: left;
}
div.mouth_view table.maincontent td.cal_center div.cal_centerhead div.tevent_title{
	float: right;
	margin-top: 12px;
	margin-right: 10px;
	cursor: default;
}
div.mouth_view table.maincontent td.cal_center div.cal_centerhead div.tevent_title * {
    color: #414141;
    float: left;
    font-size: 14px;
    font-weight: bold;
}
div.mouth_view table.maincontent td.cal_center div.cal_centerhead div.tevent_title span.mtime {
    font-size: 14px;
    margin: 0 10px;
    padding: 0;
}
div.mouth_view table.maincontent td.cal_center div.cal_centerhead div.tevent_title span {
    line-height: 20px;
}






div.mouth_view ul.main{
	list-style: none;
	float:left;
	width: 900px;
	height: 100%;
	margin: 0 0 0 25px;
	padding:0; 
}
div.mouth_view ul.main li{
	float: left;
}
div.mouth_view ul.main li.mouth_title{
	background: url("../../image/cal_mouth_title.png");
	width: 810px;
	height: 10px;
}
div.mouth_view ul.main li.mouth_title div.corner{
	/*background: url('../../image/calendar_jiao.png');
	height: 43px;
	width: 43px;
	position: absolute;*/
}
div.mouth_view ul.main li.mouth_con{
	width: 810px;
	overflow: hidden;
}
div.mouth_view ul.main li.mouth_titlebottom{
	background: url("../../image/cal_mouth_titlebottom.png");
	width: 810px;
	height: 10px;
}
div.mouth_view ul.main li.mouth_titlebottom div.corner{
	background: url('../../image/calendar_jiao2.png');
	height: 43px;
	width: 43px;
	float: right;
	margin-top: -30px;
}
/*
td.left{
	width: 9px;
	height: 100%;
	background: url("../../image/cal_con_left.png") repeat-y;
	overflow: hidden;
}
*/
table.month{
	/*width: 890px;*/
	padding: 3px 3px;
	background: #ffffff;
}

tr.weektitle{}
tr.weektitle td.sun{
	width:112px;
	height:24px;
	background: url("../../image/sun.jpg");
	
}
tr.weektitle td.mon{
	width:112px;
	height:24px;
	background: url("../../image/mon.jpg");}
tr.weektitle td.tue{
	width:112px;
	height:24px;
	background: url("../../image/tue.jpg");
}
tr.weektitle td.wed{
	width:112px;
	height:24px;
	background: url("../../image/wed.jpg");
}
tr.weektitle td.thu{
	width:112px;
	height:24px;
	background: url("../../image/thu.jpg");
}
tr.weektitle td.fri{
	width:112px;
	height:24px;
	background: url("../../image/fri.jpg");
}
tr.weektitle td.sta{
	width:112px;
	height:24px;
	background: url("../../image/sta.jpg");
}

tr.monthcontent{
	padding-right: 2px;
}
tr.monthcontent td{
	width: 112px;
	height: 80px;
	background: url("../../image/cal_monthday.jpg") 0 0px;
	overflow: hidden;
	padding: 0px;
}

tr.monthcontent td.holiday{
}
tr.monthcontent td.othermonth{
	background-position: 0 -160px;
}
tr.monthcontent td.today{
	background-position: 0 -80px;
}
tr.monthcontent td.normalon{
	background-position: 0 -240px;
}
tr.monthcontent td.otheron{
	background-position: 0 -400px;
}
tr.monthcontent td.todayon{
	background-position: 0 -320px;
}
tr.monthcontent td div.data{
	width: 66px; 
	height: 45px; 
	float: left; 
	margin-top: 0px;
	cursor: default;
}
tr.monthcontent td div.data p.sun{
	color: #959595 ; 
	font-size: 16px; 
	text-align: left;
	float: left;
	height: 22px;
	margin: 3px 0 0 11px;
	line-height: 24px;
	font-weight: bold;
	
}
td div.data div.noticesign{
	width: 20px; 
	height: 20px; 
	background: url("../../image/set_ctday/noticesign.png"); 
	float: left; 
	margin-left: 6px;
	margin-top: 4px;
	display: none;
}
tr.monthcontent td div.data p.lunar{
	color: #cbcbcb; 
	font-size: 14px; 
	margin: 0px 0 0 10px; 
	text-align: left;
	line-height: 20px;
	width:56px;
	float: left;.
	
}
tr.monthcontent td.normal div.data p.sun{color:#414141 ;}
tr.monthcontent td.normal div.data p.lunar{color:#414141 ;}

tr.monthcontent td.today div.data p.sun{color:#363129 ;}
tr.monthcontent td.today div.data p.lunar{color:#363129 ;}

tr.monthcontent td.holiday div.data p.sun{color:#bc3740 ;}
tr.monthcontent td.holiday div.data p.lunar{color:#bc3740 ;}

tr.monthcontent td.otherholiday div.data p.sun{color:#e09a9e  ;}
tr.monthcontent td.otherholiday div.data p.lunar{color:#e09a9e  ;}

tr.monthcontent td div.eventsign{
	width: 18px; 
	height: 11px; 
	background: url("../../image/cal_opt_addclip.png"); 
	float: right; 
	display: none;
	cursor: default;
}
tr.monthcontent td div.requestsign{
	width: 18px; 
	height: 11px; 
	background: url("../../image/cal_opt_requestclip.png"); 
	float: right; 
	cursor: default;
}
tr.monthcontent td.clickon div.addclip{
	display: block;
	cursor: pointer;
}
tr.monthcontent td div.opt{
	padding-left:10px;
	padding-top:10px;
	width: 40px; 
	height: 25px; 
	float: left;
}
tr.monthcontent td div.opt a.detail{
	width: 16px;
	height: 16px;
	background: url("../../image/cal_opt_viewclip.png");
	display: block;
	float: left;
	cursor: default;
}

tr.monthcontent td div.opt a.alert{
	width: 25px;
	height: 25px;
	background: url("../../image/cal_opt_alertclip.png");
	display: block;
	float: left;
	cursor: default;
}
tr.monthcontent td div.opt a.alert:hover{
	background-position: 0 -25px;
}
tr.monthcontent td div.opt a.alert:active{
	background-position: 0 -50px;
}
tr.monthcontent td div.opt a.sharestart{
	width: 16px;
	height: 16px;
	background: url("../../image/cal_opt_shareclip.png") 0px 0;
	display: block;
	float: left;
	cursor: default;
}
tr.monthcontent td div.opt a.shareend{
	width: 16px;
	height: 16px;
	background: url("../../image/cal_opt_shareclip.png") -16px 0px;
	display: block;
	float: left;
	cursor: default;
}
tr.monthcontent td div.opt a.invite{
	width: 16px;
	height: 16px;
	background: url("../../image/cal_opt_invite.png");
	display: block;
	float: left;
	cursor: default;
	margin-left: 2px;
}
tr.monthcontent td div.addclip{
	width: 37px;
	height: 24px;
	background: url("../../image/cal_addclipbtn.png");
	float: left;
	margin-left: 16px; margin-top: 3px;
	cursor: pointer;
	display: none;
}
div.mouth_view div.daydetail{
	float: left;
	width: 790px;
	margin-top: 15px;
	background: #ffffff;
	margin-bottom: 10px;
}
div.mouth_view div.daydetail div.mouth_title{
	background: url("../../image/cal_mouth_title.png") repeat scroll 0 0 transparent;
    height: 10px;
    width: 794px;
}
div.mouth_view div.daydetail div.mouth_titlebottom{
	background: url("../../image/cal_mouth_titlebottom.png") repeat scroll 0 0 transparent;
    height: 10px;
    width: 794px;
}
div.mouth_view div.daydetail div.detail_content{
	overflow: hidden;
	width: 784px;
	padding: 6px 3px;
}
	div.detail_content table.detail{
		width: 100%;
	}
	table.detail td.detailleft{
		width: 9px;
		height: 100%;
		background: url("../../image/cal_con_left.png") repeat-y;
		overflow: hidden;
	}
	table.detail td.detailright{
		width: 9px;
		height: 100%;
		background: url("../../image/cal_con_right.png") repeat-y;
	}
	table.detail td ul.headline{
		float: left;
		width: 784px;
		padding: 0;
		list-style: none;
		background: #ffffff;
		margin: 0;
	}
	ul.headline li{
		float: left;
		margin: 0;
		padding: 0;
		width: 112px;
		font-size: 14px;
		color: #acacac;
		background: #ffffff;
		height: 24px;
		border-bottom: 6px solid #acacac;
		line-height: 30px;
		text-align: center;
		cursor: pointer;
		font-weight: bold;
	}
	ul.headline li.allon{
		color:#5B5A5A;
		background: #D5D5D5;
	}
	ul.headline li.ownon{
		height: 23px;
		width:110px;
		border:1px dashed #D5D5D5;
		color:#000000;
		border-bottom: 6px solid #f5d626;
	}
	ul.headline li.ownoff{
		height: 24px;
		width:110px;
		border-bottom: 6px solid #faec9e;
	}
	ul.headline li.shareon{
		height: 23px;
		width:110px;
		border:1px dashed #D5D5D5;
		color:#000000;
		border-bottom: 6px solid #b3d465;
	}
	ul.headline li.memoon{
		height: 23px;
		width:110px;
		border:1px dashed #D5D5D5;
		color:#000000;
		border-bottom: 6px solid #bd2a57;
	}
	ul.headline li.inviteon{
		height: 23px;
		width:110px;
		border:1px dashed #D5D5D5;
		color:#000000;
		border-bottom: 6px solid #920783;
	}
	ul.headline li.inviteoff{
		height: 24px;
		width:110px;
		border-bottom: 6px solid #b482af;
	}
	ul.headline li.alerton{
		height: 23px;
		width:110px;
		border:1px dashed #D5D5D5;
		color:#000000;
		border-bottom: 6px solid #2a8bbe;
	}
	ul.headline li.other{
		width: auto;
		padding: 0 10px;
	}
	ul.headline li span.count{
		color:#d8652f;
		font-size: 12px;
		margin-right: 2px;
	}
	
	table.detail td div.request_tab{
		position:relative;
		height: 36px;
		width: 790px;
		background: url('../../image/calendar_invites_bg.png');
		margin-left: -3px; 
		margin-top: -4px;
		float: left;
	}
	table.detail td div.request_tab span.clipcheckbox{
		background: url("../../image/clip_checkbox.png") repeat scroll 0 0 transparent;
		cursor: pointer;
		float: left;
		height: 17px;
		width: 17px;
		margin-left: 8px; 
		margin-top: 6px;
	}
	table.detail td div.request_tab span.clipcheckboxon{
		background-position: 0 -17px;
	}
	table.detail td div.request_tab span.sel_all {
	    background: url("../../image/calendar_invite_selall.png") repeat scroll 0 0 transparent;
	    cursor: pointer;
	    float: left;
	    height: 16px;
	    width: 32px;
	    margin-left: 4px; margin-top: 7px; margin-right: 20px;
	}
	table.detail td div.request_tab button.invite{
		float: left;
		border: 0;
		padding: 0;
		background: url("../../image/calendar_invite_friends.png");
		width: 64px;
		height: 23px;
		cursor: pointer;
		margin-top: 4px;
	}
	table.detail td div.request_tab button.invite:HOVER{
		background-position: 0 -23px;
	}
	table.detail td ul.content{
		padding: 0;
		list-style: none;
		float: left;
		background: #ffffff;
		margin: 0 0 0 4px;
		width: 784px;
	}
	table.detail td ul.content li.dataline{
		float: left;
		border-bottom: 1px dashed #c2c2c2; 
	}
	table.detail td ul.content li.nodata{
		float: left;
		border-bottom: 1px dashed #c2c2c2;
	}
	ul.content li.dataline div.simple{
		width: 784px;
		height: 34px;
		background: #ffffff;
	}
	ul.content li.nodata div.simple{
		width: 784px;
		height: 34px;
		background: #ffffff;
	}
	ul.content li.dataline div.simple span.clipcheckbox {
		background: url("../../image/clip_checkbox.png") repeat scroll 0 0 transparent;
		cursor: pointer;
		float: left;
		height: 17px;
		margin-left: 5px;
		margin-top: 6px;
		width: 17px;
	}
	ul.content li.dataline div.simple span.clipcheckboxon{
		background-position: 0 -17px;
	} 
	ul.content li.dataline div.simple span.head{
		float:left;
		margin: 2px 0 0 6px;
		background: #000000;
		width: 30px;
		height: 30px;
	}
	ul.content li.dataline div.simple span.name{
		float: left;
		margin-top: 2px;
		margin-left:10px;
		line-height: 30px;
		font-size: 12px;
		color:#161616 ;
		height: 30px;
		width: 100px;
	}
	ul.content li.dataline div.simple span.name a{
		float: left;
	    width: auto;
	}
	ul.content li.dataline div.simple span.name a.maxname{
		width: 100px;
		overflow: hidden;
	    text-overflow: ellipsis;
	    white-space: nowrap;
	}
	ul.content li.dataline div.simple span.name span.v_icon{
		float: left;
		margin-left: 2px;
		margin-top: 8px;
		background: url("../../image/v.png");
		width: 14px;
		height: 14px;
	}
	ul.content li.dataline div.simple span.title{
		float: left;
		margin-top: 2px;
		line-height: 30px;
		font-size: 12px;
		color:#161616 ;
		height: 30px;
		width: 300px;
		overflow: hidden;
	    text-overflow: ellipsis;
	    white-space: nowrap;
	    cursor:default; 
	}
	ul.content li.dataline div.simple span.icon{
		float: left;
		width: 16px;
		height: 16px;
		margin-top: 10px;
		margin-left: 2px;
	}
	ul.content li.dataline div.simple span.time{
		float: left;
		margin-top: 2px;
		margin-right:6px;
		line-height: 30px;
		font-size: 12px;
		color:#161616 ;
		height: 30px;
		width: 220px;
		overflow: hidden;
	    text-overflow: ellipsis;
	    white-space: nowrap;
	    cursor: default;
	}
	ul.content li.dataline div.simple span.ocopen{
		float: right;
		margin-right:10px;
		margin-top: 11px;
		line-height: 30px;
		height: 12px;
		width: 14px;
		background: url("../../image/daydetailoc.png");
		background-position: 0 -12px;
		cursor: pointer;
	}
	ul.content li.dataline div.simple span.loadinggif{
		background: url("../../image/share/ajax-loader.gif") repeat scroll 0 0 transparent;
		display: block;
		float: left;
		height: 16px;
		margin-left: 280px;
		margin-top: 9px;
		width: 16px;
	}
	ul.content li.dataline div.simple span.loadingtxt{
		float: left;
		line-height: 16px;
		margin-left: 10px;
		margin-top: 9px;
	}
	ul.content li.nodata div.simple span.emptytxt{
	  	float: left;
		line-height: 16px;
		margin-left: 350px;
		margin-top: 9px;
	}
	ul.content li.dataline div.simple img.pr{
		float: left; 
		margin-top: 10px;
		margin-right:10px;
	}
	ul.content li.dataline div.simple img.ri{
		float: left; 
		margin-right:10px;
	}
	ul.content li.dataline div.simple img.ce{
		float: left; 
		margin-top:2px;
		margin-right:1px;
	}
	ul.content li.dataline div.detail{
		background: #eef3f9;
		width: 784px;
		float: left;
		padding-bottom: 20px;
	}
	
	div.detail ul.detaillist {
	    float: left;
	    list-style: none outside none;
	    margin: 20px 10px 20px 40px;
	    padding: 0;
	    width: 500px;
	}
	ul.detaillist li {
	    float: left;
	    font-size: 12px;
	    height: 16px;
	    padding: 6px 0;
	    width: 100%;
	}
	ul.detaillist li.last{
		height: auto;
		margin-top: 6px;
	}
	ul.detaillist li.firstline{
		height: 60px;
	}
	ul.detaillist li.firstline a.userlogo{
		float: left;height: 60px;width: 60px;cursor: pointer;
	}
	ul.detaillist li.firstline  div.infoandtitle{
		float: left;height: 60px;width: 400px;margin-left: 10px;
	}
	ul.detaillist li.firstline  div.infoandtitle div.info{
		float: left;height: 30px;margin-top: 5px;width: 400px;
	}
	ul.detaillist li.firstline  div.infoandtitle div.info span.name{
		float: left;font-size: 14px;font-weight: bold;color: #000;line-height: 30px;
	}
	ul.detaillist li.firstline  div.infoandtitle div.info span.v_icon{
		background: url("../../image/v.png") repeat scroll 0 0 transparent;
		height: 14px;
		margin-left: 2px;
		margin-top: 8px;
		width: 14px;
	}
	ul.detaillist li.firstline  div.infoandtitle div.info span.source_l{
		float: left;width: 70px;height: 30px;margin-left: 20px;
	}
	ul.detaillist li.firstline  div.infoandtitle div.info span.source_l span.sourcetitle{
		float: left;line-height: 28px;color: #000;
	}
	ul.detaillist li.firstline  div.infoandtitle div.info span.source_l i.sourcelogo{
		float: left;
		width: 30px;
		height: 30px;
		cursor: pointer;
	}
	ul.detaillist li.firstline  div.infoandtitle div.info span.source_l i.request{
		float: left;
		width: 51px;
		height: 20px;
		background: url("../../image/clipevent_request.png");
		margin-top: 5px;
	}
	ul.detaillist li.firstline  div.infoandtitle div.info span.source_l i.invite{
		float: left;
		width: 51px;
		height: 20px;
		background: url("../../image/clipevent_invite.png");
		margin-top: 5px;
	}
	ul.detaillist li.firstline  div.infoandtitle div.info span.source_r{
		float: right;width: 110px;height: 30px;
	}
	ul.detaillist li.firstline  div.infoandtitle div.info span.source_r span.sourcetitle{
		float: left;line-height: 28px;color: #000;
	}
	ul.detaillist li.firstline  div.infoandtitle div.info span.source_r i.sourcelogo{
		float: left;
		width: 30px;
		height: 30px;
		cursor: pointer;
	}
	
	ul.detaillist li.firstline  div.infoandtitle div.info span.source_r span.v_icon{
		background: url("../../image/v.png") repeat scroll 0 0 transparent;
		height: 14px;
		margin-left: 2px;
		margin-top: 16px;
		width: 14px;
	}
	ul.detaillist li.firstline  div.infoandtitle div.title{
		float: left;height: 20px;margin-top: 4px;width: 400px;border-bottom: 1px solid #cdcdcd;
	}
	ul.detaillist li.firstline  div.infoandtitle div.title a.opt{
		float: right;font-size: 12px;margin-right: 2px;
	}
	ul.detaillist li.secondline{
		padding-top: 0px;
	}
	ul.detaillist li div.title{
		float: left;height: 20px;width: 400px;border-bottom: 1px solid #cdcdcd;margin-left: 70px;
	}
	ul.detaillist li div.title a.opt{
		float: right;font-size: 12px;margin-right: 2px;
	}
	ul.detaillist li div.cliptime{
		float: left;height: 20px;margin-top: 4px;width: 400px;border-bottom: 1px solid #cdcdcd;
	} 
	ul.detaillist li div.cliptime a.opt{
		float: right;font-size: 12px;margin-right: 2px;
	}
	ul.detaillist li div.alerttime{
		float: left;height: 20px;margin-top: 2px;width: 400px;border-bottom: 1px solid #cdcdcd;margin-left: 70px;
	}
	ul.detaillist li div.alerttime a.opt{
		float: right;font-size: 12px;margin-right: 2px;
	}
	ul.detaillist li div.setalert{
		float: left;height: 20px;margin-top: 2px;width: 400px;border-bottom: 1px solid #cdcdcd;margin-left: 70px;
	}
	ul.detaillist li div.setalert input.data{
		float: left;
		width: 85px;
		padding: 0;
		height: 14px;
		line-height: 14px;
	}
	ul.detaillist li div.setalert div.timebg{
		float: left;
		margin-left: 6px;
	}
	ul.detaillist li div.setalert div.timebg a.minus{
		background: url("../../image/timeselectopt.png") repeat scroll 0 0 transparent;
		display: block;
		float: left;
		height: 18px;
		width: 13px;
	}
	ul.detaillist li div.setalert div.timebg input{
		border: 1px solid #8BAAD9;
		border-width:1px 0;
		float: left;
		height: 16px;
		padding: 0 4px;
		text-align: center;
		width: 14px;
	}
	ul.detaillist li div.setalert div.timebg a.plus{
		background: url("../../image/timeselectopt.png") repeat scroll -13px 0 transparent;
		display: block;
		float: right;
		height: 18px;
		width: 13px;
	}
	ul.detaillist li div.setalert span.normal{
		float: left;
		font-size: 12px;
		min-height: 18px;
		padding: 3px;
		text-align: left;
		line-height: 12px;
	}
	ul.detaillist li div.detailcontent{
		/*border-bottom: 1px solid #CDCDCD;*/
		float: left;
		height: auto;
		margin-left: 70px;
		margin-top: 2px;
		width: 400px;
		padding-bottom: 6px;
	}
	ul.detaillist li div.detailcontent p{
		width: 260px;
		float: left;
		margin-left: 0px;
	}
	ul.detaillist li.detail div.clippic{
		float: left;
		width: 60px;
		height: auto;
		background: #ffc694;
		margin-left: 70px;
		margin-top: 4px;
		text-align: center;
	}
	ul.detaillist li.detail div.w_clippic{
		width: auto;
		height: auto;
		float: left;
		margin-left: 70px;
		margin-top: 16px;
		text-align: center;
		background: none;
	}
	ul.detaillist li.detail div.bigcursor{
		cursor:url("../../image/cursor/big.cur"), auto !important;
	}
	ul.detaillist li.detail div.smallcursor{
		cursor:url("../../image/cursor/small.cur"), auto !important;
	}
	ul.detaillist li.detail div img.bigcursor{
		cursor:url("../../image/cursor/big.cur"), auto !important;
	}
	ul.detaillist li.detail div img.smallcursor{
		cursor:url("../../image/cursor/small.cur"), auto !important;
	}
	ul.detaillist li span {
	    color: #885811;
	    float: left;
	    cursor: default;
	}
	ul.detaillist li span.title {
	    color: #27518B;
	    font-weight: bold;
	    text-align: right;
	    width: 65px;
	}
	ul.detaillist li span.detaillogo {
	    cursor: pointer;
	    height: 30px;
	    width: 30px;
	}
	ul.detaillist li span.detailname {
		margin-left: 10px; 
		margin-top: 8px; 
		text-decoration: none; 
		cursor: pointer;
	}
	ul.detaillist li span.v_icon {
	  background: url("../../image/v.png") repeat scroll 0 0 transparent;
	  height: 14px;
	  margin-left: 2px;
	  margin-top: 8px;
	  width: 14px;
	}
	ul.detaillist li span.longvalue{
		width: 370px;
		word-wrap:break-word; overflow:hidden;
	}
	ul.detaillist li p {
	    color: #885811;
	    margin: 0 0 0 65px;
	}
	ul.detaillist li span b {
	    float: left;
	    font-weight: normal;
	}
	ul.detaillist li span b.edt_before {
	    background: none repeat scroll 0 0 #b7aa00;
	    color: #FFFFFF;
	    float: left;
	    font-size: 10px;
	    font-weight: bold;
	    margin-left: 5px;
	    padding: 1px 2px;
	}
	ul.detaillist li span b.edt_ing {
	    background: none repeat scroll 0 0 #009900;
	    color: #FFFFFF;
	    float: left;
	    font-size: 10px;
	    font-weight: bold;
	    margin-left: 5px;
	    padding: 1px 2px;
	}
	ul.detaillist li span b.edt_over {
	    background: none repeat scroll 0 0 #333399;
	    color: #FFFFFF;
	    float: left;
	    font-size: 10px;
	    font-weight: bold;
	    margin-left: 5px;
	    padding: 1px 2px;
	}
	ul.detaillist li span b.edt_stop {
	    background: none repeat scroll 0 0 #FF0000;
	    color: #FFFFFF;
	    float: left;
	    font-size: 10px;
	    font-weight: bold;
	    margin-left: 5px;
	    padding: 1px 2px;
	}
	ul.detaillist li div.arrow_box{
		position: relative;
		float:left;
		background: #c2e1f5 ;
		border-radius:6px;
		height: auto;
		width: 550px;
		margin-top: -30px;margin-left: 70px;
		padding: 10px 20px;
	}
	ul.detaillist li div.arrow_box:after{
		bottom: 100%;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
	}
	ul.detaillist li div.arrow_box:after{
		border-color: rgba(194, 225, 245, 0); border-bottom-color: #c2e1f5;
		border-width: 10px;
		left: 20%;
		margin-left: -30px;
	}
	ul.detaillist li div.arrow_box span.info{
		color: #0068b7;
		float: left;
		font-size: 12px;
		line-height: 26px;
		margin-top:9px;
		margin-left:16px;
		font-weight: bold;
	}
	ul.detaillist li div.arrow_box ul {
	    list-style: none outside none;
	    margin: 0px 0 0 10px;
	    padding: 0;
	    width: 430px;
	}
	ul.detaillist li div.arrow_box ul li {
	    background: none repeat scroll 0 0 #c2e1f5;
	    cursor: pointer;
	    float: left;
	    height: 38px;
	    margin: 5px;
	    padding: 0;
	    width: 38px;
	}
	ul.detaillist li div.arrow_box ul li.iton{
		background: url("../../image/userlogo_frame.png");
	}
	ul.detaillist li div.arrow_box ul li a{
		width: 30px;
		height: 30px;
		margin-top: 4px;
		margin-left: 4px;
		float: left;
	}
	ul.detaillist li div.arrow_box ul li.addbtn{
		width: 190px;
		height: 30px;
		margin: 13px 14px 5px;
	}
	ul.detaillist li div.arrow_box ul li.addbtn a{
		float:left;
		width: 30px;
		height: 30px;
		display:block;
		background: url("../../image/continue_add.jpg");
		cursor: pointer;
	}
	ul.detaillist li div.arrow_box ul li.addbtn a:hover{
		background-position: 0 -30px;
	}
	ul.detaillist li div.arrow_box ul li.addbtn span.tip{
		float: left;
		color: #0068b7;
		font-size: 12px;
		margin-left: 5px; margin-top: 15px;
	}
	ul.detaillist li div.arrow_box div.btnline{
		height: 33px;
		width: 500px;
		float: right;
	}
	ul.detaillist li div.arrow_box div.btnline button.confirmevent{
		float: right;
		width: 75px;
		height: 33px;
		background: url("../../image/clip_confirmeventbtn.png");
		border: 0;
		padding:0;
		cursor: pointer;
		margin-right: 83px;
	}
	ul.detaillist li div.arrow_box div.btnline button.confirmevent:hover{
		background-position: 0 -33px;
	}
	ul.detaillist li div.arrow_box div.btnline button.forward{
		float: right;
		width: 75px;
		height: 33px;
		background: url("../../image/clip_forwardbtn.png");
		border: 0;
		padding:0;
		cursor: pointer;
		margin-right: 83px;
	}
	ul.detaillist li div.arrow_box div.btnline button.forward:hover{
		background-position: 0 -33px;
	}
	ul.detaillist li.last div.top{
		z-index: 99; 
		position: relative;
		top: 6px; left: 54px;
		display:block; 
		width: 60px;
		height:60px;
		background: none; 
		margin: 0;
		
	}
	div.detail a.occlose{
		float: right;
		margin-right:10px;
		margin-top: 11px;
		line-height: 30px;
		height: 12px;
		width: 14px;
		background: url("../../image/daydetailoc.png");
		cursor: pointer;
		
	}
	div.detail div.btnzone{
		float: left;
		margin-left: 100px;
		width: 550px;
		height: auto;
	}
	div.detail div.btnzone div.line{
		width: 100%;
		height: 22px;
		float: left;
		margin-top: 10px;
		margin-left: 10px;
	}
	div.detail div.btnzone div.commentline{
		display: none;
	}
	div.detail div.btnzone div.line a.del{
		float: left;
		height: 16px;
		background: url("../../image/clipdetail_del.png") left no-repeat;
		padding-left:20px;
		line-height: 16px;
		font-size: 12px; 
		margin-top: 3px;
	}
	div.detail div.btnzone div.line a.interest{
		float: left;
		height: 16px;
		background: url("../../image/clipdetail_interest.png") left no-repeat;
		padding-left:20px;
		line-height: 16px;
		font-size: 12px; 
		width: auto;
		margin-top: 3px;
	}
	div.detail div.btnzone div.line a.interest:hover{
		background: url("../../image/clipdetail_uninterest.png") left no-repeat;
	}
	div.detail div.btnzone div.line a.uninterest{
		float: left;
		height: 16px;
		background: url("../../image/clipdetail_uninterest.png") left no-repeat;
		padding-left:20px;
		line-height: 16px;
		font-size: 12px; 
		width: auto;
		margin-top: 3px;
	}
	div.detail div.btnzone div.line a.uninterest:hover{
		background: url("../../image/clipdetail_interest.png") left no-repeat;
	}
	div.detail div.btnzone div.line a.forward{
		float: left;
		height: 16px;
		background: url("../../image/clipdetail_forward.png") left no-repeat;
		padding-left:20px;
		line-height: 16px;
		font-size: 12px; 
		width: auto;
		margin-top: 3px;
	}
	div.detail div.btnzone div.line a.comment{
		float: left;
		height: 16px;
		background: url("../../image/clipdetail_comment.png") left no-repeat;
		padding-left:20px;
		line-height: 16px;
		font-size: 12px; 
		width: auto;
		margin-top: 3px;
	}
	div.detail div.btnzone div.line a.favor{
		float: left;
		height: 16px;
		background: url("../../image/clipdetail_favor.png") left no-repeat;
		padding-left:20px;
		line-height: 16px;
		font-size: 12px; 
		width: 100px;
		margin-top: 3px;
		margin-left: 10px;
	}
	div.detail div.btnzone div.line a.favor:hover{
		background: url("../../image/clipdetail_unfavor.png") left no-repeat;
	}
	div.detail div.btnzone div.line a.unfavor{
		float: left;
		height: 16px;
		background: url("../../image/clipdetail_unfavor.png") left no-repeat;
		padding-left:20px;
		line-height: 16px;
		font-size: 12px; 
		width: 100px;
		margin-top: 3px;
		margin-left: 10px;
	}
	div.detail div.btnzone div.line a.unfavor:hover{
		background: url("../../image/clipdetail_favor.png") left no-repeat;
	}
	div.detail div.btnzone div.line a.quitclip{
		float: left;
		height: 16px;
		background: url("../../image/clipdetail_quit.png") left no-repeat;
		padding-left:20px;
		line-height: 16px;
		font-size: 12px; 
		margin-top: 3px;
	}
	div.detail div.btnzone div.line a.msgopen{
		float: right;
		height: 22px;
		background: url("../../image/clipdetail_acceptstatus.png") 0 -22px no-repeat;
		padding-left:24px;
		line-height: 22px;
		font-size: 12px; 
		width: 53px;
	}
	div.detail div.btnzone div.line a.msgopen:hover{
		background-position: 0 0px;
	}
	div.detail div.btnzone div.line a.msgclose{
		float: right;
		height: 22px;
		background: url("../../image/clipdetail_acceptstatus.png") left top no-repeat;
		padding-left:24px;
		line-height: 22px;
		font-size: 12px; 
		width: 53px;
	}
	div.detail div.btnzone div.line a.msgclose:hover{
		background-position: 0 -22px;
	}
	div.detail div.btnzone div.line a.atta{
		float: left;
		height: 16px;
		background: url("../../image/clipdetail_atta.png") left top no-repeat;
		padding-left:20px;
		line-height: 16px;
		font-size: 12px; 
		margin-top: 3px;
	}

	
	div.detail div.btnzone div.line div.setclock{
		float:right;
		width:auto;
		height:22px;
		/*background: url("../../image/cal_setclockbg.png");*/
		margin-left: 10px;
		border-radius:6px;
		background: #C2E1F5;
	}
	div.detail div.btnzone div.line div.setclock b.left{
		float:left;
		width: 3px;
		height: 22px;
		background: url("../../image/cal_setclockbgleft.png");
	}
	div.detail div.btnzone div.line div.setclock b.right{
		float: left;
		width: 3px;
		height: 22px;
		background: url("../../image/cal_setclockbgright.png");
	}
	div.detail div.btnzone div.line div.setclock div.middle{
		float: left;
		height: 22px;
		/*ackground: url("../../image/cal_setclockbgmiddle.png");*/
		padding: 0 5px;
	}
	div.detail div.btnzone div.line div.setclock div.middle i.clock{
		float: left;
		background: url("../../image/cal_clock.png");
		width: 18px;
		height: 18px;
		margin-top: 2px;
	}
	div.detail div.btnzone div.line div.setclock div.middle i.clockoff{
		float: left;
		background: url("../../image/cal_clock.png") 0 -36px;
		width: 18px;
		height: 18px;
		margin-top: 2px;
	}
	div.detail div.btnzone div.line div.setclock div.middle input.date{
		float: left;
		width: 60px;
		height: 14px;
		margin-top: 3px;
		margin-left:15px;
		font-size: 12px;
	}
	div.detail div.btnzone div.line div.setclock div.middle input.time{
		float: left;
		width: 20px;
		height: 14px;
		margin-top: 3px;
		margin-left: 10px;
		font-size: 12px;
	}
	div.detail div.btnzone div.line div.setclock div.middle span.time{
		float: left;
		color:#375A7D;
		font-size: 12px;
		font-weight: bold;
		line-height: 22px;		
		margin-left: 4px;
	}
	div.detail div.btnzone div.line div.setclock div.middle span.timedata{
		float: left;
		color:#375A7D;
		font-size: 12px;
		line-height: 22px;		
		margin-left: 4px;
	}
	div.detail div.btnzone div.line div.setclock div.middle a.confirm{
		float: left;
		height: 14px;
		width: 14px;
		background: url("../../image/cal_clockset_cc.png") 0px 0;
		margin-top: 5px;
		margin-left: 4px;
	}
	div.detail div.btnzone div.line div.setclock div.middle a.confirm:hover{
		background-position: 0 -14px;
	}
	div.detail div.btnzone div.line div.setclock div.middle a.cancel{
		float: left;
		height: 14px;
		width: 14px;
		background: url("../../image/cal_clockset_cc.png") -14px 0;
		margin-top: 5px;
		margin-left: 4px;
	}
	div.detail div.btnzone div.line div.setclock div.middle a.cancel:hover{
		background-position: -14px -14px;
	}
	div.detail div.btnzone div.line div.setclock div.middle a.timeset{
		float: left;
		line-height: 22px;
		font-size: 12px;
		margin-left: 4px;
	}
	div.detail div.btnzone div.line a.clock{
		float:left;
		width: 22px;
		height: 22px;
		background: url("../../image/cal_clock.png");
	}
	div.detail div.btnzone div.line input{
		height: 18px;
		width: 300px;
		float: left;
		border: 1px solid #a7a6aa;
		padding: 0 1px;
		margin-left: 30px;
	}
	div.detail div.btnzone div.line button.commentbtn{
		float: left;
		width: 45px;
		height: 20px;
		background: url("../../image/clipdetail_commentbtn.jpg");
		padding: 0;
		border: 0;
		cursor: pointer;
	}
	div.detail div.btnzone div.line button.commentbtn:hover{
		background-position: 0 -20px;
	}
	div.detail div.btnzone div.noh_line{
		width: 100%;
		height: auto;
		float: left;
		margin-top: 10px;
	}
	div.detail div.btnzone div.noh_line span.info{
		font-size: 12px;
		float: left;
		line-height: 26px;
		color: #375A7D;
		margin-left: 30px;
	}
	div.detail div.btnzone div.noh_line button.invitebtn{
		float: left;
		width: 55px;
		height: 27px;
		background: url("../../image/clipdetail_invitebtn.png");
		padding: 0;
		border: 0;
		cursor: pointer;
	}
	div.detail div.btnzone div.noh_line button.invitebtn:hover{
		background-position: 0 -27px;
	}
	div.detail div.btnzone div.noh_line ul{
		padding: 0px;
		margin: 0px;
		list-style: none;
		width: 430px;
		margin-left: 20px;
	}
	div.detail div.btnzone div.noh_line ul li{
		float: left;
		width: 30px;
		height: 30px;
		cursor: pointer;
		background: #fff;
		margin: 5px 10px;
		padding: 0px;
	}
	div.detail div.btnzone div.setalert{
		float: right;
		width: 690px;
		height: 30px;
	}
	div.detail div.btnzone div.setalert .setalertelement{
		display: none;
	}
		div.setalert span.errorinfo{
			float:left;
			color:#ff0000;
			line-height: 18px;
			font-size: 12px;
			font-weight: normal;
			width: 170px;
			height: 20px;
		}
		div.setalert span.alerticon {
		    background: url("../../image/addclip_clock.png") repeat scroll 0 -16px transparent;
		    cursor: pointer;
		    float: left;
		    height: 16px;
		    width: 16px;
		}
		div.setalert span.alerttxt {
		    float: left;
		    font-size: 12px;
		    font-weight: normal;
		    line-height: 18px;
		    margin-left: 10px;
		}
		div.setalert span.alertspan {
		    float: left;
		    font-size: 12px;
		    font-weight: normal;
		}
		div.setalert span.alertspan div.timebg {
		    background: none repeat scroll 0 0 #FFFFFF;
		    float: left;
		    height: 18px;
		    width: 48px;
		}
		div.setalert span.alertspan div.timebg input {
		    border-color: #8BAAD9 -moz-use-text-color;
		    border-style: solid none;
		    border-width: 1px 0;
		    float: left;
		    font-size: 12px;
		    height: 16px;
		    padding: 0 4px;
		    text-align: center;
		    width: 14px;
		}
		div.setalert span.alertspan div.timebg a.minus {
		    background: url("../../image/timeselectopt.png") repeat scroll 0 0 transparent;
		    display: block;
		    float: left;
		    height: 18px;
		    margin: 0;
		    width: 13px;
		}
		div.setalert span.alertspan div.timebg a.minus:active {
		    background-position: 0 -18px;
		}
		div.setalert span.alertspan div.timebg a.plus {
		    background: url("../../image/timeselectopt.png") repeat scroll -13px 0 transparent;
		    display: block;
		    float: right;
		    height: 18px;
		    margin: 0;
		    width: 13px;
		}
		div.setalert span.alertspan div.timebg a.plus:active {
		    background-position: -13px -18px;
		}
		div.setalert span.alertspan span {
		    float: left;
		    line-height: 18px;
		    margin: 0 5px;
		}
		div.setalert span.alertspan span.methodchoose {
		    cursor: pointer;
		    height: 22px;
		    width: 50px;
		}
		div.setalert span.alertspan span.methodchoose a.emailonit{
			background: url("../../image/quickclip/email.png") repeat scroll 0 0 transparent;
		    display: block;
		    float: left;
		    height: 11px;
		    margin: 3px 5px 0 0;
		    width: 17px;
		}
		div.setalert span.alertspan span.methodchoose a.mobilemsg{
			background: url("../../image/quickclip/mobilemsg.png") repeat scroll 0 -16px transparent;
		    display: block;
		    float: left;
		    height: 16px;
		    width: 12px;
		}
		div.setalert span.alertspan span.methodchoose a.mobilemsgonit{
			background: url("../../image/quickclip/mobilemsg.png") repeat scroll 0 0 transparent;
		    display: block;
		    float: left;
		    height: 16px;
		    width: 12px;
		}
		div.setalert span.alertspan a.setalertconfirm{
			float: left;
			width: 50px;
			height: 20px;
			background: url("../../image/daydetailcontent_confirm.jpg");
			display: block;
		}
		div.setalert span.alertspan a.setalertconfirm:hover{
			background-position: -50px 0px;
		}
		div.setalert span.alertspan a.setalertcancel{
			margin-left:10px;
			float: left;
			width: 50px;
			height: 20px;
			background: url("../../image/daydetailcontent_confirm.jpg") 0 -20px;
		}
		div.setalert span.alertspan a.setalertcancel:hover{
			background-position: -50px -20px;
		}
	div.detail div.btnzone div.btn{
		float: left;
		width: 100%;
		height: 30px;
	}
	div.btn a{
		background: url("../../image/daydetailcontent_opt.png") repeat scroll 0 0 transparent;
		width: 80px;
		height: 25px;
		float: left;
		margin-left: 20px;
	}
	div.btn a.acceptinvite{
		background-position: -80px -25px; 
	}
	div.btn a.acceptinvite:hover{
		background-position: 0px -25px;
	}
	div.btn a.refuseinvite{
		background-position: -80px -75px; 
	}
	div.btn a.refuseinvite:hover{
		background-position: 0px -75px; 
	}
	div.btn a.ignoreinvite{
		background-position: -80px -100px; 
	}
	div.btn a.ignoreinvite:hover{
		background-position: 0px -100px; 
	}
	div.btn a.saveshare{
		background-position: -80px -175px; 
	}
	div.btn a.saveshare:hover{
		background-position: 0px -175px; 
	}
	div.btn a.cancelshare{
		background-position: -80px 0px; 
	}
	div.btn a.cancelshare:hover{
		background-position: 0px 0px;
	}
	div.btn a.forwardshare{
		background-position: -80px -200px; 
	}
	div.btn a.forwardshare:hover{
		background-position: 0px -200px; 
	}
	div.btn a.alforwardclose{
		background-position: -80px -225px;
	}
	div.btn a.alforwardclose:hover{
		background-position: 0px -225px;
	}
	div.btn a.alforwardopen{
		background-position: -80px -250px;
	}
	div.btn a.alforwardopen:hover{
		background-position: 0px -250px;
	}
	div.btn a.alreadyaccept{
		background-position: 0px -300px;
		cursor: default;
	}
	div.btn a.alreadyrefuse{
		background-position: -80px -300px;
		cursor: default;
	}
	div.btn span.del{
		background: url("../../image/daydetailcontent_del.png");
		width: 14px;
		height: 14px;
		float: right;
		margin-right: 10px;
		margin-top: 7px;
		cursor: pointer;
	}
	div.btn span.detail{
		background: url("../../image/daydetailcontent_detail.png");
		width: 14px;
		height: 14px;
		float: right;
		margin-right: 10px;
		margin-top:7px;
		cursor: pointer;
	}
	div.btn span.alert{
		background: url("../../image/daydetailcontent_alert.png");
		width: 14px;
		height: 14px;
		float: right;
		margin-right: 10px;
		margin-top: 7px;
		cursor: pointer;
	}
	/****右边数型日历选择****/
div.mouth_view div.userinfo{
	float: left;
	height: 100px;
	width: 200px;
	margin-left: 20px; margin-top: 4px;
}

div.mouth_view div.userinfo a.head{
	float: left;
	width: 100px;
	height: 100px;
	background: #fff;
}

div.mouth_view div.userinfo a.name{
	float: left;
	margin-left: 20px;
	margin-top:20px;
	font-weight: bold;
	font-size: 14px;
	line-height: 14px;
	color: #000000;
}
div.mouth_view div.userinfo span.v_icon{
	background: url("../../image/v.png") repeat scroll 0 0 transparent;
	float: left;
	height: 14px;
	margin-left: 0;
	margin-top: 20px;
	width: 14px;
}
div.mouth_view ul.calendarlist {
	float: left;
	height: 100%;
	list-style: none outside none;
	padding: 0;
	width: 230px;
	margin-left: 10px;
	margin-top: 12px;
}
div.mouth_view ul.calendarlist li{
	float: left;
	height: auto;
	width: 240px;
}
div.mouth_view ul.calendarlist li.headline{
	height: 25px;
}
div.mouth_view ul.calendarlist li.footline{
	height: 25px;
}
div.mouth_view ul.calendarlist li span.left{
	float: left;
	height: 8px;
	float: left;
	background: url("../../image/cl_left.jpg") no-repeat right;
	width: 12px;
}
div.mouth_view ul.calendarlist li.headline span.expand{
	float: left;
	width: 27px;
	height: 25px;
	background: url("../../image/cl_expand.png");
	cursor: pointer;
}
div.mouth_view ul.calendarlist li.headline span.expandon{
	background-position: 0 -25px;
}
div.mouth_view ul.calendarlist li.footline span.expand{
	float: left;
	width: 27px;
	height: 25px;
	background: url("../../image/cl_expand.png") 0 -100px;
	cursor: pointer;
}
div.mouth_view ul.calendarlist li.footline span.expandon{
	background-position: 0 -125px;
}
div.mouth_view ul.calendarlist li.oneline span.expand{
	float: left;
	width: 27px;
	height: 25px;
	background: url("../../image/cl_expand.png") 0 -150px;
	cursor: pointer;
}
div.mouth_view ul.calendarlist li.oneline span.expandon{
	background: url("../../image/cl_expand.png") 0 -175px;
}
div.mouth_view ul.calendarlist li div.title{
	float: left;
	width: 200px;
	height: 25px;
	background: url("../../image/cl_calendardata.jpg") repeat-x;
}
div.mouth_view ul.calendarlist li div.title span.title{
	float: left;
	height: 15px;
	width: 94px;
	/*background: url("../../image/cl_myallcalendar.png");*/
	margin-top: 6px;
	margin-left: 15px;
	font-size: 14px;
	color: #ffffff;
	line-height: 14px;
	cursor: default;
}
div.mouth_view ul.calendarlist li div.title span.subtitle{
	float: left;
	height: 15px;
	width: 94px;
	/*background: url("../../image/cl_mysubcalendar.png");*/
	margin-top: 6px;
	margin-left: 15px;
	font-size: 14px;
	color: #ffffff;
	line-height: 14px;
	cursor: default;
}
div.mouth_view ul.calendarlist li div.title a.add{
	float: right;
	line-height: 25px;
	margin-right: 6px;
	color: #ffffff;
}
div.mouth_view ul.calendarlist li ul.content{
	float: left;
	height: 100%;
	list-style: none outside none;
	padding: 0;
	width: 240px;
	margin: 0;
}
div.mouth_view ul.calendarlist li ul.content li{
	float: left;
	width: 240px;
	height: 25px;
}

div.mouth_view ul.calendarlist li ul.content li span.left{
	width: 12px;
	height: 25px;
	float: left;
	background: url("../../image/cl_left.jpg") no-repeat right;
}
div.mouth_view ul.calendarlist li ul.content li div.calendardata{
	float:left;
	width: 200px;
	height: 24px;
	margin-left: 15px;
	background:#ffffff;
	border-bottom: 1px solid #99ccff ;
}
div.mouth_view ul.calendarlist li ul.content li div.focuson{
	background:#cce9f9;	
}
div.mouth_view ul.calendarlist li ul.content li div.selecton{
	background:#ffe450;	
}
div.mouth_view ul.calendarlist li ul.content li div.selecton span.cal_name{
	color: #004481;
	font-weight: bold;
}
div.mouth_view ul.calendarlist li ul.content li div.calendardata span.radiobtn{
	background: url("../../image/clipradiobutton.png") repeat scroll 0 0 transparent;
	float: left;
	height: 12px;
	margin-top: 6px;
	margin-left:10px;
	width: 12px;
	cursor: pointer;
}
div.mouth_view ul.calendarlist li ul.content li div.calendardata span.radiobtnon{
	background-position: 0 -12px;
}
div.mouth_view ul.calendarlist li ul.content li div.calendardata span.checkboxbtn{
	background: url("../../image/clip_checkbox.png") repeat scroll 0 0 transparent;
	float: left;
	height: 17px;
	margin-top: 3px;
	margin-left:10px;
	width: 17px;
	cursor: pointer;
}
div.mouth_view ul.calendarlist li ul.content li div.calendardata span.checkboxbtnon{
	background-position: 0 -17px;
}
div.mouth_view ul.calendarlist li ul.content li div.calendardata span.cal_name{
	float: left;
	margin-left: 6px;
	line-height: 14px;
	font-size: 12px;
	padding-left:5px;
	margin-top:4px;
	height: 14px;
	width: auto;
	cursor: default;
}
div.mouth_view ul.calendarlist li ul.content li div.focuson span.cal_name{
	cursor: pointer;
}
div.mouth_view ul.calendarlist li ul.content li div.calendardata span.limited{
	width: 100px;
	white-space:nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow:hidden;
	
}
div.mouth_view ul.calendarlist li ul.content li div.calendardata span.cal_nameon{
	background: #f7e6d9;
}
div.mouth_view ul.calendarlist li ul.content li div.calendardata span.v_icon{
	background: url("../../image/v.png");
	float: left;
	width: 14px;
	height: 14px;
	margin-top: 4px;
	margin-left: 2px;
}
div.mouth_view ul.calendarlist li ul.content li.none span.left{
	background: none;
}
div.mouth_view ul.calendarlist li ul.content li.last div.calendardata{
	float: left;
	margin-left: 15px;
	height: 25px;
	width: 200px;
	background: #ffffff;
	border: none;
}
div.calendardata a.view{
	float: right;
	width: 35px;
	height: 15px;
	margin-top: 5px;
	margin-right: 4px;
	background: url("../../image/cl_view.png") repeat scroll 0 -15px transparent;
	display: block;
}
div.calendardata a.view:hover{
	background-position: 0 0;
}
/**********回到顶部************/

a.W_gotop {
    bottom: 100px;
    display: block;
    left: 50%;
    margin-left: 530px;
    position: fixed;
    width: 32px;
    height: 33px;
    background: url("../../image/backtop.png");
    display: block;
}
a.W_gotop:hover{
	background-position: 0 -33px;
}
/************右边栏*************/
td.cal_right{
	vertical-align:top;
	background: #d5d4d9;
	padding-right: 10px;
}
td.cal_right div.rightout{
	width: 190px;
	background: none;
	vertical-align: middle;
}
td.cal_right div.rightout div.righttop{
	float: left;
	width: 190px;
	background: url('../../image/cal_right_top.png') repeat-x;
	height: 5px;
}
td.cal_right div.rightout div.rightbottom{
	float: left;
	width: 190px;
	background: url('../../image/cal_right_bottom.png') repeat-x;
	height: 5px;
}

/************右边栏*************/

/************快速档期**************/
#td_box_quickclip{
	background: none repeat scroll 0 0 transparent;
    display: table;
    position: absolute;
    z-index: 90;
    overflow: hidden;
    top: 94px; left: 202px; width: 800px;
}

#td_box_quickclip div.optdiv {
    float: left;
    height: 22px;
    position: relative;
    width: 800px;
}
#td_box_quickclip div.optdiv a.opt {
    background: url("../../image/detailview_close.png") repeat scroll 0 0 transparent;
    display: block;
    height: 22px;
    position: relative;
    width: 22px;
    left: 778px;top: 14px;
}
#td_box_quickclip div.optdiv a.opt:hover {
    background-position: 0 -22px;
}
div.td_box {
    -moz-box-shadow:0px 0px 10px  #777777 ;
	-webkit-box-shadow:0px 0px 10px  #777777 ;
	box-shadow:0px 0px 10px  #777777 ;
    border:3px solid #aebcc8 ;
    float: left;
    text-align: center;
    width: 785px;
    background: #EDF2F8;
    height:auto !important;
	min-height:392px;
    height: 392px;
}
div.td_box div.td_boxtitle{
	float: left;height: 30px;width: 100%;background:#255777 ; 
}
div.td_box div.td_boxtitle span.addcliptitle{
	background: url("../../image/part_list_name-title.png") repeat scroll 0 0 transparent;
	float: left;
	height: 17px;
	width: 93px;
	margin-top: 6px;
}
div.td_box div.td_boxtitle span.clipradiobtn{
	background:url("../../image/clipradiobutton.png") ;
	float: left;
	height: 12px;
	margin-top: 9px; 
	width: 12px;
}
div.td_box div.td_boxtitle span.clipradiobtnon{
	background:url("../../image/clipradiobutton.png") 0 -12px;
}
div.td_box div.td_boxtitle span.typeofclip{
	background:url("../../image/quickclip/quickclip_clip.png") ;
	float: left;
	height: 15px;
	margin-top: 7px; margin-left: 5px;
	width: 35px;
}
div.td_box div.td_boxtitle span.typeofmemo{
	background:url("../../image/quickclip/quickclip_memo.png") ;
	float: left;
	height: 15px;
	margin-top: 7px; margin-left: 5px;
	width: 45px;
}
div.td_box div.td_boxtitle div{
	float: left;
	padding: 7px 10px;
	cursor: pointer;
}
div.td_box div.td_boxtitle div.onit{
	background: #CEE4F5;
}
div.td_box div.td_boxtitle div span.addclip{
	background: url("../../image/quickclip/quickcliptitle.jpg");
	width: 63px;
	height: 15px;
	display: block;
	float: left;
}
div.td_box div.td_boxtitle div.onit span.addclip{
	background-position: 0 -15px;
}
div.td_box div.td_boxtitle div span.addmemo{
	background: url("../../image/set_ctday/memohead.jpg");
	width: 75px;
	height: 15px;
	display: block;
	float: left;
}
div.td_box div.td_boxtitle div.onit span.addmemo{
	background-position: 0 -15px;
}
div.td_box div.td_box_inner{
	width:765px; 
	padding:10px 10px 20px; float:left; position:relative;
}
div.td_box div.td_box_inner ul.quickcontent{
	list-style: none;
	width: 100%;
	margin: 0px;
	padding: 0px;
}

div.td_box div.td_box_inner ul.quickcontent li.titleline{
	height: 18px;
	margin: 5px 0;
	float: left;
	width: 730px;
}
ul.quickcontent li.titleline i.step1{
	float: left;
	background: url("../../image/quickclip/addclip_step.png");
	width: 29px;
	height: 17px;
}
ul.quickcontent li.titleline i.step2{
	float: left;
	background: url("../../image/quickclip/addclip_step.png") 0 -17px;
	width: 29px;
	height: 17px;
}
ul.quickcontent li.titleline i.step3{
	float: left;
	background: url("../../image/quickclip/addclip_step.png") 0 -34px;
	width: 29px;
	height: 17px;
}
ul.quickcontent li.titleline i.step4{
	float: left;
	background: url("../../image/quickclip/addclip_step.png") 0 -51px;
	width: 29px;
	height: 17px;
}
ul.quickcontent li.titleline span.title{
	background: url("../../image/part_list_name-title.png") repeat scroll 0 0 transparent;
	float: left;
	height: 17px;
	width: 93px;
	margin-left: 10px;
}
ul.quickcontent li.titleline span.inputmoredetail {
	background: url("../../image/addclip_inputmoredetail.png") repeat scroll 0 0 transparent;
	float: left;
	height: 17px;
	width: 160px;
	margin-left: 10px;
}
ul.quickcontent li.titleline b.cliparrowexpand {
  background: url("../../image/addclip_expandarrow.png") repeat scroll 0 0 transparent;
  cursor: pointer;
  float: left;
  height: 16px;
  margin-left: 2px;
  width: 16px;
}
ul.quickcontent li.titleline b.expandonit {
    background-position: 0 -16px;
}
ul.quickcontent li.titleline span.share{
	background: url("../../image/addclip_shareclip.png") ;
	float: left;
	height: 17px;
	margin-left: 10px;
	width: 93px
}
ul.quickcontent li.titleline span.clipcheckbox{
	background: url("../../image/clip_checkbox.png") repeat scroll 0 0 transparent;
	float: left;
	height: 17px;
	width: 17px;
	margin-left: 10px; 
	margin-top: 1px;
}
ul.quickcontent li.titleline span.invite {
	background: url("../../image/addclip_invitefriend.png") repeat scroll 0 -17px transparent;
	float: left;
	height: 17px;
	margin-left: 10px;
	width: 93px;
}


div.td_box div.td_box_inner ul.quickcontent li.line{
	float: left;
	width: 730px;
	padding:5px 20px;
}
ul.quickcontent li.line span.typetitle{
	width: 37px;
	height: 14px;
	float: left;
	background: url("../../image/quickclip/addclip_typetitle.png");
}
ul.quickcontent li.line b.clipradiobtn{
	cursor: pointer;
	float: left;
	height: 12px;
	width: 12px;
	background: url("../../image/clipradiobutton.png");
}
ul.quickcontent li.line b.clipradiobtnon{
	background-position: 0 -12px;
}

ul.quickcontent li.line span.type_private {
	background: url("../../image/cliptype_private.png") repeat scroll 0 0 transparent;
	float: left;
	height: 14px;
	margin-left: 4px;
	margin-top: 1px;
	width: 30px;
}

ul.quickcontent li.line span.type_share {
	background: url("../../image/cliptype_share.png") repeat scroll 0 0 transparent;
	float: left;
	height: 14px;
	margin-left: 4px;
	margin-top: 1px;
	width: 30px;
}

ul.quickcontent li.line span.type_memo {
	background: url("../../image/cliptype_memo.png") repeat scroll 0 0 transparent;
	float: left;
	height: 14px;
	margin-left: 4px;
	margin-top: 1px;
	width: 46px;
}

ul.quickcontent li.line span.titletitle{
	width: 37px;
	height: 14px;
	float: left;
	background: url("../../image/quickclip/addclip_titletitle.png");
}
ul.quickcontent li.line textarea.title{
	border-color: #ADBBC6 #ADBBC6 -moz-use-text-color;
	border-image: none;
	border-style: solid solid none;
	border-width: 1px 1px 0;
	float: left;
	height: 69px;
	margin-left: 14px;
	width: 350px;
}
ul.quickcontent li.line span.title_input_info{
	color:#ff0000;
	line-height: 20px;
	float: left;
	font-size: 12px;
	padding: 3px;
	text-align: left;
}
ul.quickcontent li.line div.picuploaddiv{
	background: none repeat scroll 0 0 #EDF2F8;
	border-image: none;
	border-style: none solid solid;
	border-color:-moz-use-text-color #ADBBC6 #ADBBC6;
	border-width: 0 1px 1px;
	float: left;
	height: 69px;
	margin-left: 51px;
	margin-top: -1px;
	width: 350px;
}

ul.quickcontent li.line div.picuploaddiv div.preuploadinf {
	float: left;
}

ul.quickcontent li.line div.picuploaddiv div.preuploadinf a.uploadpicbtn {
	background: url("../../image/addpicbtn.png") repeat scroll 0 0 transparent;
	cursor: pointer;
	float: left;
	height: 50px;
	margin-left: 10px;
	margin-top: 10px;
	overflow: hidden;
	position: relative;
	width: 92px;
}

ul.quickcontent li.line div.picuploaddiv div.preuploadinf a.uploadpicbtn input {
	background: none repeat scroll 0 0 transparent;
	border: medium none;
	cursor: pointer;
	font-size: 23px;
	height: 50px;
	left: -264px;
	opacity: 0;
	position: absolute;
	width: auto;
}

ul.quickcontent li.line div.picuploaddiv div.inguploadinf {
	background: none repeat scroll 0 0 #AEBCC9;
	border: 1px solid;
	display: none;
	float: left;
	height: 50px;
	margin-left: 10px;
	margin-top: 10px;
}

ul.quickcontent li.line div.picuploaddiv div.afteruploadinf {
	float: left;
	margin-left: 10px;
}

ul.quickcontent li.line div.picuploaddiv span.uploadicon {
	background: url("../../image/addclip_picicon.png") repeat scroll 0 0 transparent;
	float: left;
	height: 20px;
	margin-left: 10px;
	margin-top: 10px;
	width: 20px;
}

ul.quickcontent li.line span.address {
	background: url("../../image/addclip_address.png") repeat scroll 0 0 transparent;
	float: left;
	height: 14px;
	margin-left: 26px;
	margin-top: 2px;
	width: 39px;
}

ul.quickcontent li.line span.content {
	background: url("../../image/addclip_content.png") repeat scroll 0 0 transparent;
	float: left;
	height: 14px;
	margin-left: 26px;
	margin-top: 12px;
	width: 39px;
}

ul.quickcontent li.line a.addclip{
	width: 85px;
	height: 20px;
	background: url("../../image/quickclip/addclipbtn.jpg");
	display: block;
	float: left;
	margin-top: 4px;
}

ul.quickcontent li.line a.addclip:hover{
	background-position:0 -20px;
}
ul.quickcontent li.line a.addclip:active{
	background-position:0 -40px;
}
ul.quickcontent li.line span.wholeclipword{
	width: 270px;
	height: 16px;
	background: url("../../image/quickclip/wholeclipword.png");
	float: left;
	display: block;
	margin-top: 7px; 
}
ul.quickcontent li.line textarea.titleipt{
	float: left;
	border: 1px inset #b8b8b8;
	margin-left: 10px;
	width: 243px;
	height: 90px;
}
ul.quickcontent li.line span.starttime{
	width: 69px;
	height: 14px;
	background: url("../../image/quickclip/addclip_begintitle	.png");
	display: block;
	float: left;
	margin-top: 2px;
}

ul.quickcontent li.line span.setendtime {
	background: url("../../image/addclip_setendtime.png") repeat scroll 0 0 transparent;
	float: left;
	height: 14px;
	margin-left: 6px;
	margin-top: 2px;
	width: 95px;
}

ul.quickcontent li.line span.endtime {
	background: url("../../image/addclip_endtime.png") repeat scroll 0 0 transparent;
	float: left;
	height: 14px;
	margin-top: 2px;
	width: 69px;
}

ul.quickcontent li.line span.alerttime {
	background: url("../../image/addclip_alerttime.png") repeat scroll 0 0 transparent;
	float: left;
	height: 14px;
	margin-top: 2px;
	width: 69px;
}

ul.quickcontent li.line input.timeipt{
	float: left;
	border: 1px inset #b8b8b8;
	margin-left: 10px;
	height: 16px;
	width: 80px;
}
ul.quickcontent li.line span.hour{
	width: 13px;
	height: 15px;
	background: url("../../image/quickclip/hour.png");
	display: block;
	float: left;
	margin-top: 2px;
}

ul.quickcontent li.line span.minute{
	width: 13px;
	height: 15px;
	background: url("../../image/quickclip/minute.png");
	display: block;
	float: left;
	margin-top: 2px;
}

ul.quickcontent li.line a.minus{
	width: 16px;
	height: 20px;
	display: block;
	float: left;
	margin-left:5px;
	background: url("../../image/quickclip/minusplus.jpg");
	background-position: 0 0;
}
ul.quickcontent li.line a.minus:ACTIVE,ul.quickcontent li.line a.minusdown{
	background-position: 0 -20px;
}
ul.quickcontent li.line a.plus{
	width: 16px;
	height: 20px;
	display: block;
	float: left;
	background: url("../../image/quickclip/minusplus.jpg");
	background-position: -16px 0;
}
ul.quickcontent li.line a.plus:ACTIVE,ul.quickcontent li.line a.plusdown{
	background-position: -16px -20px;
}

ul.quickcontent li.line input.houript{
	float: left;
	border: 1px inset #b8b8b8;
	height: 16px;
	width: 20px;
	border-left: 0px;
	border-right: 0px;
	text-align: center;
}
ul.quickcontent li.line div.cutline{
	border-top: 1px solid #aeaeae ;
	border-bottom: 1px solid #aeaeae ; 
	height:1px;
	width:100%;
}
ul.quickcontent li.line span.clipcheckbox{
	background: url("../../image/clip_checkbox.png") repeat scroll 0 0 transparent;
	float: left;
	height: 17px;
	width: 17px;
}
ul.quickcontent li.line span.clipcheckboxon{
	background: url("../../image/clip_checkbox.png") 0 -17px;
}
ul.quickcontent li.line span.setalerttitle{
	width: 62px;
	height: 15px;
	background: url("../../image/quickclip/quickclip_setalert.png");
	float: left;
	margin-left: 10px; margin-top: 2px;
}
ul.quickcontent li.line span.alert{
	width: 84px;
	height: 15px;
	background: url("../../image/quickclip/setalert.jpg");
	display: block;
	float: left;
	margin-top: 2px;
	margin-left:15px;
	cursor: pointer;
}

ul.quickcontent li.line span.alertoff{
	width: 84px;
	height: 15px;
	background: url("../../image/quickclip/setalert.jpg") 0 -15px;
	display: block;
	float: left;
	margin-top: 2px;
	margin-left: -1px;
	cursor: pointer;
}

ul.quickcontent li.line a.mobilemsg{
	margin-top:1px;
	margin-left:10px;
	background: url('../../image/quickclip/mobilemsg.png') 0 -16px;height: 16px;width: 12px;display: block;float: left;
}
ul.quickcontent li.line a.mobilemsgonit{
	margin-top:1px;
	margin-left:10px;
	background: url('../../image/quickclip/mobilemsg.png') 0 -16px;height: 16px;width: 12px;display: block;float: left;
	background-position:0 0;
}
ul.quickcontent li.line span.shareinvitetitle{
	float: left;
	width: 220px;
	height: 17px;
	background: url("../../image/quickclip/shareinvitetitle.png");
	margin-left: 11px;
}
ul.quickcontent li.line span.quickclipsharetxt{
	width:35px;
	height:15px;
	float:left;
	background: url("../../image/quickclip/quickclipsharetxt.png");
	margin-left: 5px;
}
ul.quickcontent li.line span.quickclipinvitetxt{
	width:62px;
	height:15px;
	float:left;
	background: url("../../image/quickclip/quickclipinvitetxt.png");
	margin-left: 5px;
}
ul.quickcontent li.line span.clipradiobtn{
	float: left;
	background: url("../../image/clipradiobutton.png") repeat scroll 0 0 transparent;
	height: 12px;
	margin-top: 9px;
	width: 12px;
	margin-left: 30px; margin-top: 2px;
}
ul.quickcontent li.line span.clipradiobtnon{
	background: url("../../image/clipradiobutton.png") 0 -12px;
}
ul.quickcontent li.line div.sharepartzone{
	float: left;
	height: auto;
	margin-top: 15px;
	width: 100%;
}
ul.quickcontent li.line div.sharepartzone span.sharetitle{
	background: url("../../image/addclip_shareshareto.png");
	float: left;
	height: 14px;
	margin-left: 60px;
	margin-top: 3px;
	width: 55px;
}
ul.quickcontent li.line div.sharepartzone span.shareall {
	background: url("../../image/addclip_shareall.png") repeat scroll 0 0 transparent;
	float: left;
	height: 14px;
	margin-left: 5px;
	margin-top: 3px;
	width: 46px;
}
ul.quickcontent li.line div.sharepartzone span.share2group {
	background: url("../../image/addclip_share2group.png") repeat scroll 0 0 transparent;
	float: left;
	height: 14px;
	margin-left: 5px;
	margin-top: 3px;
	width: 65px;
}
ul.quickcontent li.line div.sharepartzone span.share2user {
	background: url("../../image/addclip_share2user.png") repeat scroll 0 0 transparent;
	float: left;
	height: 14px;
	margin-left: 5px;
	margin-top: 3px;
	width: 65px;
}
ul.quickcontent li.line div.sharepartzone a.sharegroupicon {
	background: url("../../image/addclip_sharegroupicon.png") repeat scroll 0 0 transparent;
	cursor: pointer;
	float: left;
	height: 20px;
	margin-left: 10px;
	width: 20px;
}
ul.quickcontent li.line div.sharepartzone a.shareusericon {
	background: url("../../image/addclip_shareusericon.png") repeat scroll 0 0 transparent;
	cursor: pointer;
	float: left;
	height: 20px;
	margin-left: 10px;
	width: 20px;
}
ul.quickcontent li.line div.sharepartzone b.clipradiobtn {
	background: url("../../image/clipradiobutton.png") repeat scroll 0 0 transparent;
	float: left;
	height: 12px;
	width: 12px;
}
ul.quickcontent li.line div.sharepartzone b.clipradiobtnon{
	background-position: 0 -12px;
}
ul.quickcontent li.line div.sharepartzone div.listbox {
	float: left;
	height: auto;
	margin-left: 120px;
	width: 600px;
}
ul.quickcontent li.line div.sharepartzone div.listbox ul {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #6B8EA2;
	float: left;
	list-style: none outside none;
	margin: 10px 0 0;
	padding: 4px 6px;
	width: 240px;
}
ul.quickcontent li.line div.sharepartzone div.listbox ul li {
	background: none repeat scroll 0 0 #AEBCC8;
	float: left;
	height: 16px;
	margin: 2px 6px 0 0;
	padding: 3px 2px 3px 0;
	width: auto;
}
ul.quickcontent li.line div.sharepartzone div.listbox ul li span.name {
    cursor: default;
    float: left;
    font-size: 12px;
    font-weight: bold;
    line-height: 16px;
    margin: 0 5px;
}
ul.quickcontent li.line div.sharepartzone div.listbox ul li div.opt {
    background: url("../../image/quickclip/contactline.jpg") no-repeat scroll left center transparent;
    float: left;
    padding-left: 8px;
}
ul.quickcontent li.line div.sharepartzone div.listbox ul li div.opt a.email {
    background: url("../../image/clipemailnotice.png") repeat scroll 0 0 transparent;
    display: block;
    float: left;
    height: 10px;
    margin: 3px 2px 0 0;
    width: 16px;
}
ul.quickcontent li.line div.sharepartzone div.listbox ul li div.opt a.emailonit {
    background: url("../../image/clipemailnotice.png") repeat scroll 0 -10px transparent;
}
ul.quickcontent li.line div.sharepartzone div.listbox ul li div.opt a.mobilemsg {
    background: url("../../image/clipmobilenotice.png") repeat scroll 0 0 transparent;
    display: block;
    float: left;
    height: 16px;
    width: 10px;
}
ul.quickcontent li.line div.sharepartzone div.listbox ul li div.opt a.mobilemsgonit {
    background: url("../../image/clipmobilenotice.png") repeat scroll 0 -16px transparent;
}
ul.quickcontent li.line div.sharepartzone div.listbox ul li div.opt a.close {
    background: url("../../image/quickclip/contactclose.png") repeat scroll 0 0 transparent;
    display: block;
    float: left;
    height: 6px;
    margin-left: 6px;
    width: 6px;
}
ul.quickcontent li.line div.sharepartzone div.listbox ul li span.groupicon {
    background: url("../../image/listgroupicon.png") repeat scroll 0 0 transparent;
    float: left;
    height: 18px;
    width: 16px;
}
ul.quickcontent li.line div.sharepartzone div.listbox ul li span.groupname {
    color: #393939;
    cursor: default;
    float: left;
    font-size: 12px;
    font-weight: bold;
    line-height: 16px;
    margin-left: 2px;
    margin-top: 1px;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 55px;
}
ul.quickcontent li.line div.sharepartzone div.listbox ul li span.groupcount {
    color: #393939;
    cursor: default;
    float: left;
    font-size: 12px;
    line-height: 16px;
    margin-left: 3px;
}
ul.quickcontent li.line div.sharepartzone div.listbox ul li a.gclose {
    background: url("../../image/contactgroupclose.png") repeat scroll 0 0 transparent;
    float: right;
    height: 6px;
    margin: 4px 2px 0 15px;
    width: 6px;
}
ul.quickcontent li.line div.invitepartzone{
	float: left;
	height: auto;
	margin-top: 15px;
	width: 100%;
}
ul.quickcontent li.line div.invitepartzone div.deallinepart{
	float: left;width: 100%;height: 20px;
}
ul.quickcontent li.line div.invitepartzone div.deallinepart b.clipcheckbox {
    background: url("../../image/clip_checkbox.png") repeat scroll 0 0 transparent;
    float: left;
    height: 17px;
    margin-left: 62px;
    width: 17px;
}
ul.quickcontent li.line div.invitepartzone div.deallinepart b.clipcheckboxon {
    background: url("../../image/clip_checkbox.png") repeat scroll 0 -17px transparent;
}
ul.quickcontent li.line div.invitepartzone div.deallinepart span.deadlinetitle {
    background: url("../../image/addclip_deadlinetime.png") repeat scroll 0 0 transparent;
    float: left;
    height: 14px;
    margin-left: 10px;
    margin-top: 1px;
    width: 70px;
}
ul.quickcontent li.line div.invitepartzone div.deallinepart div.timebg {
    background: none repeat scroll 0 0 transparent;
    float: left;
    height: 18px;
    width: 54px;
}
ul.quickcontent li.line div.invitepartzone div.deallinepart div.timebg input {
    border:1px inset #B8B8B8;
    float: left;
    height: 16px;
    text-align: center;
    width: 20px;
}
ul.quickcontent li.line div.invitepartzone div.deallinepart span.timetxt{
	line-height: 18px;margin:0 6px;float: left;
	font-size: 12px;
}
ul.quickcontent li.line div.invitepartzone div.deallinepart span.errorinfo{
	color:#ff0000;float: left; margin-left: 3px;line-height: 20px;
}
ul.quickcontent li.line div.invitepartzone div.invitepart{
	float: left;width: 100%;height: auto;margin-top: 10px;
}
ul.quickcontent li.line div.invitepartzone div.invitepart span.inviteusertitle {
    background: url("../../image/addclip_inviteuser.png") repeat scroll 0 0 transparent;
    float: left;
    height: 14px;
    margin-left: 88px;
    margin-top: 3px;
    width: 70px;
}
ul.quickcontent li.line div.invitepartzone div.invitepart input.userinput {
    float: left;
    height: 14px;
    margin-left: 11px;
    width: 150px;
}
ul.quickcontent li.line div.invitepartzone div.invitepart a.inviteusericon {
    background: url("../../image/addclip_shareusericon.png") repeat scroll 0 0 transparent;
    float: left;
    height: 20px;
    margin-left: 10px;
    width: 20px;
}
ul.quickcontent li.line div.invitepartzone div.invitepart a.inviteusericon:hover {
    background-position: 0 -20px;
}
ul.quickcontent li.line div.invitepartzone ul {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #6B8EA2;
    float: left;
    list-style: none outside none;
    margin: 10px 0 0 98px;
    padding: 4px 6px;
    width: 240px;
}
ul.quickcontent li.line div.invitepartzone ul li {
    background: none repeat scroll 0 0 #AEBCC8;
    float: left;
    height: 16px;
    margin: 2px 6px 0 0;
    padding: 3px 2px 3px 0;
    width: auto;
}
ul.quickcontent li.line div.invitepartzone ul li span.groupicon {
    background: url("../../image/listgroupicon.png") repeat scroll 0 0 transparent;
    float: left;
    height: 18px;
    width: 16px;
}
ul.quickcontent li.line div.invitepartzone ul li span.groupname {
    color: #393939;
    cursor: default;
    float: left;
    font-size: 12px;
    font-weight: bold;
    line-height: 16px;
    margin-left: 2px;
    margin-top: 1px;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 55px;
}
ul.quickcontent li.line div.invitepartzone ul li span.groupcount {
    color: #393939;
    cursor: default;
    float: left;
    font-size: 12px;
    line-height: 16px;
    margin-left: 3px;
}
ul.quickcontent li.line div.invitepartzone ul li a.gclose {
    background: url("../../image/contactgroupclose.png") repeat scroll 0 0 transparent;
    float: right;
    height: 6px;
    margin: 4px 2px 0 15px;
    width: 6px;
}
ul.quickcontent li.line div.invitepartzone ul li span.name {
    cursor: default;
    float: left;
    font-size: 12px;
    font-weight: bold;
    line-height: 16px;
    margin: 0 5px;
}
ul.quickcontent li.line div.invitepartzone ul li div.opt {
    background: url("../../image/quickclip/contactline.jpg") no-repeat scroll left center transparent;
    float: left;
    padding-left: 8px;
}
ul.quickcontent li.line div.invitepartzone ul li div.opt a.email {
    background: url("../../image/clipemailnotice.png") repeat scroll 0 0 transparent;
    display: block;
    float: left;
    height: 10px;
    margin: 3px 2px 0 0;
    width: 16px;
}
ul.quickcontent li.line div.invitepartzone ul li div.opt a.emailonit {
    background: url("../../image/clipemailnotice.png") repeat scroll 0 -10px transparent;
}
ul.quickcontent li.line div.invitepartzone ul li div.opt a.mobilemsg {
    background: url("../../image/clipmobilenotice.png") repeat scroll 0 0 transparent;
    display: block;
    float: left;
    height: 16px;
    width: 10px;
}
ul.quickcontent li.line div.invitepartzone ul li div.opt a.mobilemsgonit {
    background: url("../../image/clipmobilenotice.png") repeat scroll 0 -16px transparent;
}
ul.quickcontent li.line div.invitepartzone ul li div.opt a.close {
    background: url("../../image/quickclip/contactclose.png") repeat scroll 0 0 transparent;
    display: block;
    float: left;
    height: 6px;
    margin-left: 6px;
    width: 6px;
}
ul.quickcontent li.line div.invitepartzone span.inviteshare2 {
    background: url("../../image/addclip_shareto.png") repeat scroll 0 0 transparent;
    float: left;
    height: 14px;
    margin-left: 11px;
    margin-top: 3px;
    width: 84px;
}
ul.quickcontent li.line div.invitepartzone span.shareall {
    background: url("../../image/addclip_shareall.png") repeat scroll 0 0 transparent;
    float: left;
    height: 14px;
    margin-left: 5px;
    margin-top: 3px;
    width: 46px;
}
ul.quickcontent li.line div.invitepartzone span.share2group {
    background: url("../../image/addclip_share2group.png") repeat scroll 0 0 transparent;
    float: left;
    height: 14px;
    margin-left: 5px;
    margin-top: 3px;
    width: 65px;
}
ul.quickcontent li.line div.invitepartzone input.groupinput {
    float: left;
    height: 14px;
    margin-left: 30px;
    width: 150px;
}
ul.quickcontent li.line div.invitepartzone a.sharegroupicon {
    background: url("../../image/addclip_sharegroupicon.png") repeat scroll 0 0 transparent;
    cursor: pointer;
    float: left;
    height: 20px;
    margin-left: 10px;
    width: 20px;
}
ul.quickcontent li.line div.invitepartzone a.sharegroupicon:hover {
    background-position: 0 -20px;
}

ul.quickcontent li.line div.sharearea{
	padding: 6px;
	background: #c0d3dd;
	list-style: none;
	width: 337px;
	margin: 0px;
	float: left;
}
div.sharearea div.share-choose {
    float: left;
    margin: 0 0 0 10px
    width: 320px;
}
div.sharearea div.share-choose div.line{
	width: 100%;
	float: left;
	height: auto;
}
div.sharearea div.share-choose span.share-title {
    float: left;
    width: 46px;
    height: 13px;
    background: url("../../image/quickclip/shareshare2.png");
}
div.sharearea div.share-choose span.shareall{
	float: left;
	width: 200px;
	height: 13px;
	background: url("../../image/quickclip/all.png") no-repeat;
	margin-top: 0px; margin-left: 5px; width: 240px;
}
div.sharearea div.share-choose span.share2group{
	float: left;
	width: 56px;
	height: 13px;
	background: url("../../image/quickclip/group.png") no-repeat;
	margin-top: 7px;
	margin-left: 5px;
}
div.sharearea div.share-choose span.share2user{
	float: left;
	width: 56px;
	height: 13px;
	background: url("../../image/quickclip/user.png");
	margin-top: 6px;
	margin-left: 5px;
}
div.sharearea div.share-choose span.groupclass{
	margin-right: 160px;
}
div.sharearea div.share-choose span.userclass{
	margin-right: 160px;
}
div.sharearea div.share-choose input.groupipt{
	float: left;
	width: 120px;
	margin-top: 3px;
	margin-left: 5px;
}
div.sharearea div.share-choose input.useript{
	float: left;
	width: 120px;
	margin-top: 2px;
	margin-left: 5px;
}
div.sharearea div.share-choose ul {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #6B8EA2;
    float: left;
    list-style: none outside none;
    margin: 10px 0 0 73px;
    padding: 4px 6px;
    width: 240px;
}
div.sharearea div.share-choose ul li {
    background: none repeat scroll 0 0 #AEBCC8;
    float: left;
    height: 16px;
    margin: 2px 6px 0 0;
    padding: 3px 2px 3px 0;
    width: auto;
}
div.sharearea div.share-choose ul li span.name {
    cursor: default;
    float: left;
    font-size: 12px;
    font-weight: bold;
    line-height: 16px;
    margin: 0 5px;
}
div.sharearea div.share-choose ul li div.opt {
    background: url("../../image/quickclip/contactline.jpg") no-repeat scroll left center transparent;
    float: left;
    padding-left: 8px;
}
div.sharearea div.share-choose ul li div.opt a.email {
    background: url("../../image/clipemailnotice.png") repeat scroll 0 0 transparent;
    display: block;
    float: left;
    height: 10px;
    margin: 3px 2px 0 0;
    width: 16px;
}
div.sharearea div.share-choose ul li div.opt a.emailonit {
    background: url("../../image/clipemailnotice.png") repeat scroll 0 -10px transparent;
}
div.sharearea div.share-choose ul li div.opt a.mobilemsg {
    background: url("../../image/clipmobilenotice.png") repeat scroll 0 0 transparent;
    display: block;
    float: left;
    height: 16px;
    width: 10px;
    margin-left: 2px;
}
div.sharearea div.share-choose ul li div.opt a.mobilemsgonit {
    background: url("../../image/clipmobilenotice.png") repeat scroll 0 -16px transparent;
}
div.sharearea div.share-choose ul li div.opt a.close {
    background: url("../../image/quickclip/contactclose.png") repeat scroll 0 0 transparent;
    display: block;
    float: left;
    height: 6px;
    margin-left: 6px;
    width: 6px;
}

div.sharearea div.share-choose ul li span.groupicon {
    background: url("../../image/listgroupicon.png") repeat scroll 0 0 transparent;
    float: left;
    height: 18px;
    width: 16px;
}
div.sharearea div.share-choose ul li span.groupname {
    color: #393939;
    cursor: default;
    float: left;
    font-size: 12px;
    font-weight: bold;
    margin-left: 2px;
    margin-top: 1px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 55px;
    line-height: 16px;
    text-align: left;
}
div.sharearea div.share-choose ul li span.groupcount {
    color: #393939;
    cursor: default;
    float: left;
    font-size: 12px;
    line-height: 16px;
    margin-left: 3px;
}
div.sharearea div.share-choose ul li a.gclose {
    background: url("../../image/contactgroupclose.png") repeat scroll 0 0 transparent;
    float: right;
    height: 6px;
    margin: 4px 2px 0 15px;
    width: 6px;
}




div.sharearea div.share-choose span.share-title *{
	float: left;
}
div.sharearea div.share-choose span.share-errorinfo {
    color: #FF0000;
    float: left;
    line-height: 20px;
    margin-left: 30px;
    font-size: 12px;
}

div.sharearea div.share-contactchoose {
    display: none;
    float: left;
    margin: 10px 0 0 10px;
    width: 300px;
}

div.share-contactchoose span.groupname{
    color: #15120B;
    float: left;
    font-size: 12px;
    line-height: 20px;
    margin-left: 80px;
}
div.share-contactchoose input {
    border: 1px inset #B8B8B8;
    float: left;
    height: 16px;
    margin-left: 10px;
    width: 120px;
}
div.share-contactchoose div.contactgrouplist{
	float: left;
	margin-top: 10px;
	width: 300px;
}
div.share-contactchoose div.contactgrouplist ul {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px inset #B8B8B8;
    display: none;
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 4px 6px;
    width: 268px;
}
div.share-contactchoose div.contactgrouplist ul li {
    background: none repeat scroll 0 0 #D6D6D6;
    color: #393939;
    float: left;
    height: 22px;
    margin: 2px 6px 0 0;
    padding: 0 4px;
}
div.share-contactchoose div.contactgrouplist ul li span.groupicon {
    background: url("../../image/listgroupicon.png") repeat scroll 0 0 transparent;
    float: left;
    height: 18px;
    margin-left: 3px;
    margin-top: 3px;
    width: 16px;
}
div.share-contactchoose div.contactgrouplist ul li span.groupname {
    color: #393939;
    cursor: default;
    float: left;
    font-size: 12px;
    font-weight: bold;
    margin-left: 3px;
    margin-top: 1px;
    overflow: hidden;    text-overflow: ellipsis;    white-space: nowrap;
    width: 60px;
}
div.share-contactchoose div.contactgrouplist ul li span.groupcount {
    color: #393939;
    cursor: default;
    float: left;
    font-size: 12px;
    margin-left: 3px;
    margin-top: 1px;
    line-height: 19px;
}
div.share-contactchoose div.contactgrouplist ul li a {
    background: url("../../image/contactgroupclose.png") repeat scroll 0 0 transparent;
    float: right;
    height: 6px;
    margin: 4px 0 0 15px;
    width: 6px;
}

ul.quickcontent li.line div.invitearea {
  background: none repeat scroll 0 0 #C0D3DD;
  float: left;
  list-style: none outside none;
  margin: 0;
  padding: 6px;
  width: 337px;
}
ul.quickcontent li.line div.invitearea span.shareclip{
	width: 56px;
	height: 13px;
	background: url("../../image/quickclip/shareclip.png");
	display: block;
	float: left;
	margin-top: 2px;
}
ul.quickcontent li.line div.invitearea span.share2{
  background: url("../../image/quickclip/share2.png") repeat scroll 0 0 transparent;
  float: left;
  height: 13px;
  width: 75px;
  margin-top: 10px;
  margin-left: 5px;
}
ul.quickcontent li.line div.invitearea span.all{
  background: url("../../image/quickclip/all.png") no-repeat scroll 0 0 transparent;
  float: left;
  height: 13px;
  margin-left: 5px;
  width: 42px;
  margin-top: 10px;
}
ul.quickcontent li.line div.invitearea span.group{
  background: url("../../image/quickclip/group.png") no-repeat scroll 0 0 transparent;
  float: left;
  height: 13px;
  margin-left: 5px;
  margin-top: 10px;
  width: 56px;
}
ul.quickcontent li.line input.shareipt{
	float: left;
	border: 1px inset #b8b8b8;
	margin:0 140px 0 10px;
	height: 16px;
	width: 122px;
}

ul.quickcontent li.line a.gotoarea{
	width: 26px;
	height: 20px;
	display: block;
	float: left;
	margin-left:10px;
	background: url("../../image/quickclip/gotoarea.png");
}
ul.quickcontent li.line a.gotoarea:HOVER{
	background-position: 0 -40px;
}
ul.quickcontent li.line a.gotoarea:ACTIVE{
	background-position: 0 -20px;
}
ul.quickcontent li.line ul.contactarea{
	background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid #6B8EA2;
  float: left;
  list-style: none outside none;
  margin: 10px 40px 0 40px;
  padding: 4px 6px;
  width: 240px;
	display: none;
}
ul.quickcontent li.line ul.contactarea li {
    background: none repeat scroll 0 0 #AEBCC8;
    float: left;
    height: 16px;
    margin: 2px 6px 0 0;
    padding: 3px 2px 3px 0;
    width: auto;
}
ul.quickcontent li.line ul.contactarea li span.name {
    cursor: default;
    float: left;
    font-size: 12px;
    font-weight: bold;
    line-height: 16px;
    margin: 0 5px;
}
ul.quickcontent li.line ul.contactarea li div.opt {
    background: url("../../image/quickclip/contactline.jpg") no-repeat scroll left center transparent;
    float: left;
    padding-left: 8px;
}
ul.quickcontent li.line ul.contactarea li div.opt a.email {
    background: url("../../image/clipemailnotice.png") repeat scroll 0 0 transparent;
    display: block;
    float: left;
    height: 10px;
    margin: 3px 2px 0 0;
    width: 16px;
}
ul.quickcontent li.line ul.contactarea li div.opt a.emailonit {
    background: url("../../image/clipemailnotice.png") repeat scroll 0 -10px transparent;
}
ul.quickcontent li.line ul.contactarea li div.opt a.mobilemsg {
    background: url("../../image/clipmobilenotice.png") repeat scroll 0 0 transparent;
    display: block;
    float: left;
    height: 16px;
    width: 10px;
}
ul.quickcontent li.line ul.contactarea li div.opt a.mobilemsgonit {
    background: url("../../image/clipmobilenotice.png") repeat scroll 0 -16px transparent;
}
ul.quickcontent li.line ul.contactarea li div.opt a.close {
    background: url("../../image/quickclip/contactclose.png") repeat scroll 0 0 transparent;
    display: block;
    float: left;
    height: 6px;
    margin-left: 6px;
    width: 6px;
}
ul.quickcontent li.line ul.contactarea li span.groupicon {
    background: url("../../image/listgroupicon.png") repeat scroll 0 0 transparent;
    float: left;
    height: 18px;
    width: 16px;
}
ul.quickcontent li.line ul.contactarea li span.groupname {
    color: #393939;
    cursor: default;
    float: left;
    font-size: 12px;
    font-weight: bold;
    margin-left: 2px;
    margin-top: 1px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 55px;
    line-height: 16px;
    text-align: left;
}
ul.quickcontent li.line ul.contactarea li span.groupcount {
    color: #393939;
    cursor: default;
    float: left;
    font-size: 12px;
    line-height: 16px;
    margin-left: 3px;
}
ul.quickcontent li.line ul.contactarea li a.gclose {
    background: url("../../image/contactgroupclose.png") repeat scroll 0 0 transparent;
    float: right;
    height: 6px;
    margin: 4px 2px 0 15px;
    width: 6px;
}


ul.quickcontent li.line span.info{
	height: 22px;
	width: 180px;
	color: #d80202;
	font-size: 12px;
	text-align: left;
	float: left;
	line-height: 22px;
}

ul.quickcontent li.line button.cancel{
	width: 50px;
	height: 20px;
	background: url("../../image/quickclip/optbtn.jpg") 0 -20px;
	border: 0px;
	padding: 0px;
	cursor: pointer;
	float: right;
	margin: 0 5px;
}
ul.quickcontent li.line button.cancel:HOVER{ background-position: -50px -20px;}
ul.quickcontent li.line button.confirm{
	width: 50px;
	height: 20px;
	background: url("../../image/quickclip/optbtn.jpg");
	border: 0px;
	padding: 0px;
	cursor: pointer;
	float: right;
	margin: 0 5px;
}
ul.quickcontent li.line button.confirm:HOVER{background-position: -50px 0px;}
/************快速档期**************/

/************查看提醒**************/
#td_box_clipalert{
	background: none repeat scroll 0 0 transparent;
    display: table;
    position: absolute;
    z-index: 90;
    overflow: hidden;
    width: 500px;
}

#td_box_clipalert div.optdiv {
    float: left;
    height: 22px;
    position: relative;
    width: 500px;
}
#td_box_clipalert div.optdiv a.opt {
    background: url("../../image/detailview_close.png") repeat scroll 0 0 transparent;
    display: block;
    height: 22px;
    left: 443px;
    position: relative;
    top: 10px;
    width: 22px;
}
#td_box_clipalert div.optdiv a.opt:hover {
    background-position: 0 -22px;
}
div.td_box div.td_boxtitle span.clipalerttitle{
	background: url("../../image/quickclip/clipalerttitle.jpg");
	width: 60px;
	height: 15px;
	display: block;
	margin-left: 20px; margin-top: 7px;
}
div.td_box_inner div.alert_title{
	width: 430px;
	height:30px;
	margin: 0 auto;
	background: url("../../image/quickclip/alertcliptitle.png");
}

div.td_box_inner div.alert_title span.time{
	width: 58px;
	height: 15px;
	background: url("../../image/quickclip/clipalert_time.jpg");
	display: block;
	float: left;
	margin: 7px 0px 0px 85px;
}
div.td_box_inner div.alert_title span.title{
	width: 30px;
	height: 15px;
	background: url("../../image/quickclip/clipalert_title.jpg");
	display: block;
	float: left;
	margin: 7px 0px 0px 50px;
}
div.td_box_inner div.alert_title span.alerttime{
	width: 58px;
	height: 15px;
	background: url("../../image/quickclip/clipalert_alerttime.jpg");
	display: block;
	float: left;
	margin: 7px 0px 0px 80px;
}

div.td_box_inner table.alertclipcontent{
	float: left;
}
div.td_box_inner table.alertclipcontent tr{
	height: 30px;
}
div.td_box_inner table.alertclipcontent tr.double{
	background: #f3f3f3;
}
div.td_box_inner table.alertclipcontent tr td.alert{
	font-size: 12px;
	color: #eb6100;
}
table.alertclipcontent tr td span.title{
	text-overflow:ellipsis;
	font-size: 12px;
}
table.alertclipcontent tr td div.firstline{
	line-height:17px;
	float:left;
	height: 15px;
	width: 130px;
	font-size: 12px;
}
table.alertclipcontent tr td div.secondline{
	float:left;
	height: 15px;
	width: 130px;
	font-size: 12px;
}
table.alertclipcontent tr td button.del{
	background: url("../../image/quickclip/alertclip_del.png");
	width: 34px;
	height: 16px;
	margin: 0;
	padding: 0;
	border: 0;
	cursor: pointer;
}
table.alertclipcontent tr td button.del:ACTIVE {
	background-position: 0 -16px;
}

div.more{
	float: left;
	width: 430px;
	padding-bottom:15px; 
}
div.more a.moreout{
	width: 62px;
	height: 15px;
	background: url("../../image/quickclip/clipalert_more.jpg");
	cursor: pointer;
	display: block;
	float: right;
}
div.more a.moreover{
	width: 62px;
	height: 15px;
	background: url("../../image/quickclip/clipalert_more.jpg") 0 -15px;
	cursor: pointer;
	display: block;
	float: right;
}

/************查看提醒**************/

#msg_box {
    float: left;
    height: 100px;
    overflow: hidden;
    position: absolute;
    text-align: center;
    width: 200px;
    z-index: 999;
}
#msg_box div.msg_note {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #A0A0A0;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 0 10px #777777;
    font-size: 12px;
    left: 0;
    margin: 20px;
    padding: 10px 0;
    position: relative;
    text-align: center;
    top: 100px;
    width: 150px;
}

div.shareclipzone {
    background: none repeat scroll 0 0 transparent;
    /*display: none;*/
    float: right;
    margin-left: 20px;
    margin-top: 10px;
    width: 400px;
    padding-bottom: 15px;
}
div.shareclipzone div.zonetop {
    float: left;
    height: 8px;
    width: 320px;
}
div.shareclipzone div.zonetop span.corner {
    /*background: url("../../image/share/forwardsharezonecorner.png") repeat scroll 0 0 transparent;*/
    display: block;
    height: 8px;
    left: 150px;
    position: relative;
    top: 1px;
    width: 10px;
}
div.zonecontent {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px inset #828385;
    float: left;
    height: auto;
    margin-left: 85px;
    width: 380px;
    margin-top: 10px;
}
div.zonecontent div.share-choose {
    float: left;
    margin: 10px 0 0 46px;
    width: 95%;
}
div.zonecontent div.share-choose a.sharegroupicon{
	background: url("../../image/addclip_sharegroupicon.png") repeat scroll 0 0 transparent;
	cursor: pointer;
	float: left;
	height: 20px;
	margin-left: 10px;
	width: 20px;
}

div.zonecontent div.share-choose span.share-title {
    color: #15120B;
    float: left;
    font-size: 13px;
    font-weight: 700;
    line-height: 20px;
}
div.zonecontent div.share-choose span.share-radiocontent {
	color: #15120B;
    float: left;
    font-size: 13px;
    font-weight: 700;
    line-height: 20px;
}
div.zonecontent div.share-choose b.clipradiobtn {
	background: url("../../image/clipradiobutton.png") repeat scroll 0 0 transparent;
	cursor: pointer;
	float: left;
	height: 12px;
	width: 12px;
    margin-top: 4px;
    margin-right: 4px;
    margin-left: 10px;
}
div.zonecontent div.share-choose b.clipradiobtnon {
	background-position:0 -12px;
}
div.zonecontent div.share-choose b.clipradiobtnon {
	background-position:0 -12px;
}
div.zonecontent div.share-choose a.sharegroupicon{
	background: url("../../image/addclip_sharegroupicon.png") repeat scroll 0 0 transparent;
	cursor: pointer;
	float: left;
	height: 20px;
	width: 20px;
}
div.zonecontent div.share-choose a.shareusericon{
	background: url("../../image/addclip_shareusericon.png") repeat scroll 0 0 transparent;
	cursor: pointer;
	float: left;
	height: 20px;
	width: 20px;
}
span.share-errorinfo {
    color: #FF0000;
    float: left;
    font-size: 11px;
    line-height: 20px;
    margin-left: 30px;
    text-align: right;
    width: 265px;
}
div.zonecontent div.share-contactchooseout {
    float: left;
    margin: 4px 0 0 50px;
    width: 300px;
}

div.zonecontent div.share-contactchooseout ul.listcontent{
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #6B8EA2;
	float: left;
	list-style: none outside none;
	margin: 10px 0 0;
	padding: 4px 6px;
	width: 276px;
	display: none;
}
div.zonecontent div.share-contactchooseout ul.listcontent li {
    background: none repeat scroll 0 0 #AEBCC8;
    float: left;
    height: 16px;
    margin: 2px 6px 0 0;
    padding: 3px 2px 3px 0;
    width: auto;
}
div.zonecontent div.share-contactchooseout ul.listcontent li span.name {
    cursor: default;
    float: left;
    font-size: 12px;
    font-weight: bold;
    line-height: 16px;
    margin: 0 5px;
}
div.zonecontent div.share-contactchooseout ul.listcontent li div.opt {
    background: url("../../image/quickclip/contactline.jpg") no-repeat scroll left center transparent;
    float: left;
    padding-left: 8px;
}
div.zonecontent div.share-contactchooseout ul.listcontent li div.opt a.email {
    background: url("../../image/clipemailnotice.png") repeat scroll 0 0 transparent;
    display: block;
    float: left;
    height: 10px;
    margin: 3px 2px 0 0;
    width: 16px;
}
div.zonecontent div.share-contactchooseout ul.listcontent li div.opt a.emailonit {
    background: url("../../image/clipemailnotice.png") repeat scroll 0 -10px transparent;
}
div.zonecontent div.share-contactchooseout ul.listcontent li div.opt a.mobilemsg {
    background: url("../../image/clipmobilenotice.png") repeat scroll 0 0 transparent;
    display: block;
    float: left;
    height: 16px;
    width: 10px;
    margin-top: 0px;
}
div.zonecontent div.share-contactchooseout ul.listcontent li div.opt a.mobilemsgonit {
    background: url("../../image/clipmobilenotice.png") repeat scroll 0 -16px transparent;
}
div.zonecontent div.share-contactchooseout ul.listcontent li div.opt a.close {
    background: url("../../image/quickclip/contactclose.png") repeat scroll 0 0 transparent;
    display: block;
    float: left;
    height: 6px;
    margin-left: 6px;
    width: 6px;
    margin-top: 0px;
}
div.zonecontent div.share-contactchooseout ul.listcontent li span.groupicon {
    background: url("../../image/listgroupicon.png") repeat scroll 0 0 transparent;
    float: left;
    height: 18px;
    width: 16px;
}
div.zonecontent div.share-contactchooseout ul.listcontent li span.groupname {
    color: #393939;
    cursor: default;
    float: left;
    font-size: 12px;
    font-weight: bold;
    line-height: 16px;
    margin-left: 2px;
    margin-top: 1px;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 55px;
}
div.zonecontent div.share-contactchooseout ul.listcontent li span.groupcount {
    color: #393939;
    cursor: default;
    float: left;
    font-size: 12px;
    line-height: 16px;
    margin-left: 3px;
}
div.zonecontent div.share-contactchooseout ul.listcontent li a.gclose {
    background: url("../../image/contactgroupclose.png") repeat scroll 0 0 transparent;
    float: right;
    height: 6px;
    margin: 4px 2px 0 15px;
    width: 6px;
}




div.share-contactchoose {
    display: none;
    float: left;
    width: 300px;
}
div.share-contactchoose span.groupname {
    color: #15120B;
    float: left;
    font-size: 12px;
    line-height: 20px;
    margin-left: 90px;
}
div.share-contactchoose input {
    border: 1px inset #B8B8B8;
    float: left;
    height: 16px;
    margin-left: 10px;
    width: 120px;
}
div.share-contactchoose div.contactgrouplist {
    float: left;
    margin-top: 10px;
    width: 300px;
}
div.share-contactchoose div.contactgrouplist ul {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px inset #B8B8B8;
    display: none;
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 4px 6px;
    width: 268px;
}
div.share-contactchoose div.contactgrouplist ul li {
    background: none repeat scroll 0 0 #D6D6D6;
    color: #393939;
    float: left;
    height: 22px;
    margin: 2px 6px 0 0;
    padding: 0 4px;
}
div.share-contactchoose div.contactgrouplist ul li span.groupicon {
    background: url("../../image/listgroupicon.png") repeat scroll 0 0 transparent;
    float: left;
    height: 18px;
    margin-left: 3px;
    margin-top: 3px;
    width: 16px;
}
div.share-contactchoose div.contactgrouplist ul li span.groupname {
    color: #393939;
    cursor: default;
    float: left;
    font-size: 12px;
    font-weight: bold;
    margin-left: 3px;
    margin-top: 1px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 60px;
}
div.share-contactchoose div.contactgrouplist ul li span.groupcount {
    color: #393939;
    cursor: default;
    float: left;
    font-size: 12px;
    line-height: 19px;
    margin-left: 3px;
    margin-top: 1px;
}
div.share-contactchoose div.contactgrouplist ul li a {
    background: url("../../image/contactgroupclose.png") repeat scroll 0 0 transparent;
    float: right;
    height: 6px;
    margin: 4px 0 0 15px;
    width: 6px;
}
div.zonecontent div.share-contactchoosebtn {
    float: left;
    height: 22px;
    padding-bottom: 8px;
    padding-top: 4px;
    width: 100%;
}
div.zonecontent div.share-contactchoosebtn button.confirm {
    background: url("../../image/daydetailcontent_confirm.jpg") repeat scroll 0 0 transparent;
    border: 0 none;
    cursor: pointer;
    display: block;
    float: right;
    height: 20px;
    margin: 0 10px 0 0px;
    padding: 0;
    width: 50px;
}
div.zonecontent div.share-contactchoosebtn button.confirm:hover {
    background-position: -50px 0px;
}
div.zonecontent div.share-contactchoosebtn button.cancel {
    background: url("../../image/daydetailcontent_confirm.jpg") repeat scroll 0 -20px transparent;
    border: 0 none;
    cursor: pointer;
    display: block;
    float: right;
    height: 20px;
    margin: 0 10px 0 0px;
    padding: 0;
    width: 50px;
}
div.zonecontent div.share-contactchoosebtn button.cancel:hover {
    background-position: -50px -20px;
}
div.zonecontent div.share-contactchoosebtn button.close {
    background: url("../../image/daydetailcontent_close.png") ;
    border: 0 none;
    cursor: pointer;
    display: block;
    float: right;
    height: 20px;
    margin: 0 10px 0 0px;
    padding: 0;
    width: 50px;
}
div.zonecontent div.share-contactchoosebtn button.close:hover {
    background-position: -50px 0px;
}
/**站外分享**/
div.shareoutzone {
    float: left;
    height: 50px;
    margin-left: 10px;
    width: 330px;
}
div.shareoutzone hr.line {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #0C456F -moz-use-text-color -moz-use-text-color;
    border-right: medium none;
    border-style: dashed none none;
    border-width: 2px medium medium;
    float: left;
    height: 2px;
    width: 330px;
}
div.shareoutzone div.shareoutopt {
    float: left;
    margin-left: 14px;
    width: 343px;
}
div.shareoutzone div.shareoutopt span.shareouttxt {
    float: left;
    height: 14px;
    width: 50px;
}
div.shareoutzone div.shareoutopt a.renrenlogo {
    background: url("../../image/renrenlogo.png") repeat scroll 0 0 transparent;
    display: block;
    float: left;
    height: 16px;
    margin-left: 30px;
    width: 16px;
}
div.shareoutzone div.shareoutopt a.renrenlogo:hover {
    background-position: 0 -16px;
}
div.shareoutzone div.shareoutopt a.kaixin001logo {
    background: url("../../image/kaixin001logo.png") repeat scroll 0 0 transparent;
    display: block;
    float: left;
    height: 16px;
    margin-left: 10px;
    width: 16px;
}
div.shareoutzone div.shareoutopt a.kaixin001logo:hover {
    background-position: 0 -16px;
}
div.shareoutzone div.shareoutopt a.qqspacelogo {
    background: url("../../image/qqspacelogo.png") repeat scroll 0 0 transparent;
    display: block;
    float: left;
    height: 16px;
    margin-left: 10px;
    width: 16px;
}
div.shareoutzone div.shareoutopt a.qqspacelogo:hover {
    background-position: 0 -16px;
}
div.shareoutzone div.shareoutopt a.sinalogo {
    background: url("../../image/sinalogo.png") repeat scroll 0 0 transparent;
    display: block;
    float: left;
    height: 16px;
    margin-left: 10px;
    width: 16px;
}
div.shareoutzone div.shareoutopt a.sinalogo:hover {
    background-position: 0 -16px;
}
div.shareoutzone div.shareoutopt a.doubanlogo {
    background: url("../../image/doubanlogo.png") repeat scroll 0 0 transparent;
    display: block;
    float: left;
    height: 16px;
    margin-left: 10px;
    width: 16px;
}
div.shareoutzone div.shareoutopt a.doubanlogo:hover {
    background-position: 0 -16px;
}

/**详情日历**/

div.calendarzone {
    display: none;
    float: left;
    height: 150px;
    margin-top: 18px;
    width: 180px;
}
div.calendarzone div.title {
    float: left;
    width: 158px;
    margin-bottom: 3px;
}
div.calendarzone div.title a.prev {
    background: url("../../image/calendarzone-opt.png") repeat scroll 0 0 transparent;
    cursor: pointer;
    float: left;
    height: 16px;
    width: 16px;
}
div.calendarzone div.title a.prev:hover {
    background-position: 0 -16px;
}
div.calendarzone div.title a.next {
    background: url("../../image/calendarzone-opt.png") repeat scroll -16px 0 transparent;
    cursor: pointer;
    float: left;
    height: 16px;
    width: 16px;
}
div.calendarzone div.title a.next:hover {
    background-position: -16px -16px;
}
div.calendarzone div.title a.none {
    background: none repeat scroll 0 0 #EEF3F9;
    cursor: pointer;
    display: block;
    float: left;
    height: 16px;
    width: 16px;
}
div.calendarzone div.title span.title {
    float: left;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    width: 126px;
}
div.calendarzone table {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #FFFFFF;
    float: left;
    width: 160px;
}
div.calendarzone table td {
    background: none repeat scroll 0 0 #C2DFDD;
    border-left: 1px solid #FFFFFF;
    border-top: 1px solid #FFFFFF;
    font-size: 11px;
    height: 18px;
    text-align: center;
    vertical-align: top;
}
div.calendarzone table td.other {
    background-color: #DEDEDE;
}
div.calendarzone table td.selected {
    background: none repeat scroll 0 0 #FACD89;
}

/*******添加档期后的分享弹出框**********/
#add_return_wrap{  background: url("../../image/black_bg.png") repeat scroll 0 0 transparent;  height: 100%;  left: 0;  position: fixed;  top: 0;  width: 100%;  z-index: 11111;}
#add_return{left: 40%;position: fixed;top: 150px;width: 395px;height: 173px;background: url("../../image/add_return_bg.png");}
#add_return a.close{  background: url("../../image/add_return_close.png") repeat scroll 0 0 transparent; display: block; height: 32px;left: 366px;position: relative; top: 0px;width: 32px;}
#add_return a.close:hover{background-position: 0 -32px;}
#add_return div.top{float: left;height: 32px;width: 322px;background: none;border: 0;margin-left: 26px;}
#add_return div.top span.head{float: left;height: 16px;width: 262px;background: url("../../image/addclip_retrun_head.png");}
#add_return div.top div.head{float:left;border-bottom: 4px solid #2a8bbe;height: 30px;width: 250px;font-size: 12px;font-weight: bold;line-height: 30px;text-align: center;}
#add_return div.bottom{float: left;height: 45px;width: 322px;padding-top: 15px;background: none;border: 0;}
#add_return div.bottom a.renren{float: left;margin-left:72px; width: 34px;height: 34px;background: url("../../image/big_renren.jpg");}
#add_return div.bottom a.kaixin{float: left;margin-left:15px;width: 34px;height: 34px;background: url("../../image/big_kaixin.jpg");}
#add_return div.bottom a.sina{float: left;margin-left:15px;width: 34px;height: 34px;background: url("../../image/big_sina.jpg");}
#add_return div.bottom a.douban{float: left;margin-left:15px;width: 34px;height: 34px;background: url("../../image/big_douban.jpg");}
#add_return div.bottom a:HOVER {background-position: 0 -34px;}
#add_return div.btnline{float: left;height: 30px;width: 350px;padding-bottom: 10px;background: none;border: 0;}
#add_return div.btnline button{float: right;width: 57px;height: 26px;background: url("../../image/add_return_wrap_continue.png");padding: 0;border: 0;cursor: pointer;}
#add_return div.btnline button:HOVER{background-position: 0 -26px;}
/*****************/

/*******呼朋唤友后的输入邀请时间弹出框**********/
#forward_invitetime_wrap{  background: url("../../image/black_bg.png") repeat scroll 0 0 transparent;  height: 100%;  left: 0;  position: fixed;  top: 0;  width: 100%;  z-index: 11111;}
#forward_invitetime{ left: 40%;position: fixed;top: 150px;width: 395px;height: auto;background: none;}
#forward_invitetime div.top{float: left;height: 50px;width: 395px;background: url("../../image/forward_invitetime_head.png");border: 0;margin: 0;}
#forward_invitetime div.top a.close{  background: url("../../image/add_return_close.png") repeat scroll 0 0 transparent; display: block; height: 32px;left: 366px;position: relative; top: 0px;width: 32px;}
#forward_invitetime div.top a.close:hover{background-position: 0 -32px;}
#forward_invitetime div.content{float: left;height: auto;width: 395px;background: url("../../image/forward_invitetime_content.png");}
#forward_invitetime div.content ul{float: left;width: 330px; list-style: none;margin: 0 0 20px 0;}
#forward_invitetime div.content ul li{float: left;width: 30px; height: 30px; margin-left: 10px;margin-top:10px;background: #acacac;}
#forward_invitetime div.bottom{float: left;height: 101px;width: 395px;background: url("../../image/forward_invitetime_bottom.png");}
#forward_invitetime div.bottom span.title{float: left;height: 16px;width: 370px;margin-left:23px;margin-top:10px;background: url("../../image/forward_invitetime_span.png") no-repeat;}
#forward_invitetime div.bottom div.settime{float: left;height: 26px;width: 395px;margin-top: 20px;}
#forward_invitetime div.bottom div.settime span.icon{float: left;width: 18px;height: 18px;background: url("../../image/forward_invitetime_icon.png");margin-left: 33px;margin-top: 2px;}
#forward_invitetime div.bottom div.settime input.dateinput{float: left;width: 65px;height: 12px;font-size: 12px;margin-left: 6px;margin-top: 2px;}
#forward_invitetime div.bottom div.settime div.timebg{float: left;background: #fff; width: 48px;height: 18px;margin-left: 10px;margin-top: 1px;}
#forward_invitetime div.bottom div.settime div.timebg input{width: 14px;height: 16px;border-top:1px solid #8BAAD9;border-bottom:1px solid #8BAAD9;border-left:0px;border-right:0px;padding:0 4px;float:left;text-align: center;font-size: 12px;margin-top: 1px;}
#forward_invitetime div.bottom div.settime div.timebg a.minus{width: 13px;height: 18px;background: url("../../image/timeselectopt.png") 0 0;float:left;display: block;margin: 0;margin-top: 1px;}
#forward_invitetime div.bottom div.settime div.timebg a.minus:active{background-position: 0 -18px;}
#forward_invitetime div.bottom div.settime div.timebg a.plus{width: 13px;height: 18px;background: url("../../image/timeselectopt.png") -13px 0;float:right;display: block;margin: 0;margin-top: 1px;}
#forward_invitetime div.bottom div.settime div.timebg a.plus:active{background-position: -13px -18px;}
#forward_invitetime div.bottom div.settime span.normal{float: left;font-size: 12px;line-height: 22px;margin-left: 4px;margin-top: 1px;}
#forward_invitetime div.bottom div.settime button.confirm{float: left;border: 0;padding: 0;background: url("../../image/forward_invitetime_confirm.png");width: 57px;height: 26px; cursor: pointer;margin-left: 20px;}
#forward_invitetime div.bottom div.settime button.confirm:hover{background-position: 0 -26px;}
#forward_invitetime div.bottom div.info{float: left;margin-top: 2px;margin-left:60px;line-height: 12px;color:#ff0000;font-size: 12px;}
/*****************/

/*******转发档期时，选择群组和用户的弹出框 --start********/
#addclipcontactlist{
	position: absolute;
	z-index: 19;
}
#addclipcontactlist div.select_box_title {
	float: left;
	height: 16px;
	width: 100%;
}
#addclipcontactlist div.select_box_title a.close {
	background: url("../../image/addclipinvitecontactclose.png") repeat scroll 0 0 transparent;
	cursor: pointer;
	display: block;
	height: 16px;
	margin-left: 256px;
	margin-top: 9px;
	position: relative;
	width: 16px;
}
#addclipcontactlist div.leftselect_box {
	background: url("../../image/addclipcontactleft.png") repeat scroll 0 0 transparent;
	float: left;
	height: 310px;
	width: 15px;
}
#addclipcontactlist div.select_box {
	background: none repeat scroll 0 0 #FFFFFF;
	border-bottom: 2px solid #ADADAD;
	border-right: 2px solid #ADADAD;
	border-top: 2px solid #ADADAD;
	float: left;
	height: 302px;
	overflow-x: hidden;
	overflow-y: auto;
	padding: 2px;
	width: 245px;
}
div.select_box div.mb_tab {
	background: none repeat scroll 0 0 #D7EBFF;
	border-bottom: 1px solid #9DCEFF;
	float: left;
	height: 24px;
	width: 100%;
}
div.mb_tab span.onit {
	background: none repeat scroll 0 0 #EEF3FF;
	border-color: #9DCEFF #9DCEFF -moz-use-text-color;
	border-style: solid solid none;
	border-width: 1px 1px 0;
	cursor: pointer;
	float: left;
	height: 16px;
	padding: 4px 0;
	text-align: center;
	width: 90px;
	font-size: 12px;
}
div.mb_tab span.nor {
	cursor: pointer;
	float: left;
	height: 16px;
	padding: 4px 0;
	text-align: center;
	width: 90px;
	font-size: 12px;
}
div.select_box ul.inv_con {
	float: left;
	height: 210px;
	list-style: none outside none;
	margin: 0;
	overflow: auto;
	padding: 0;
	width: 100%;
}
ul.inv_congroup li {
    border-bottom: 1px dashed #CDCDCD;
    float: left;
    font-size: 12px;
    height: 22px;
    margin: 0 0 0 6px;
    padding: 4px 0 0;
    width: 180px;
}
ul.inv_congroup li * {
    float: left;
}
ul.inv_congroup li span {
    cursor: default;
    line-height: 18px;
    margin-left: 4px;
}
ul.inv_con li {
	float: left;
	margin: 0;
	padding: 4px 0 0;
	width: 100%;
}
ul.inv_con li dt {
	cursor: default;
	float: left;
	margin: 0;
	padding: 3px 0;
	width: 100%;
}
ul.inv_con li dt *{
	font-size: 12px;
}
ul.inv_con li dt span {
	float: left;
	line-height: 14px;
	margin-left: 2px;
}
ul.inv_con li dt a.all_sel {
    background: url("../../image/addclipchoosebox.png") repeat scroll 0 -28px transparent;
    cursor: default;
    float: left;
    height: 14px;
    width: 14px;
}
ul.inv_con li dt a.half_sel {
    background: url("../../image/addclipchoosebox.png") repeat scroll 0 -42px transparent;
    cursor: default;
    float: left;
    height: 14px;
    width: 14px;
}

ul.inv_con li dt a.no_sel {
	background: url("../../image/addclipchoosebox.png") repeat scroll 0 -14px transparent;
	cursor: default;
	float: left;
	height: 14px;
	width: 14px;
}
ul.inv_con li dt a.dis_sel {
    background: url("../../image/addclipchoosebox.png") repeat scroll 0 0 transparent;
    cursor: default;
    float: left;
    height: 14px;
    width: 14px;
}
ul.inv_con li dt a.dissel_sel {
	background: url("../../image/addclipchoosebox.png") repeat scroll 0 -56px transparent;
	cursor: default;
	float: left;
	height: 14px;
	width: 14px;
}
ul.inv_con li dt b.tipexpand {
    background: url("../../image/tips.png") no-repeat scroll 3px -14px transparent;
    float: left;
    padding-left: 16px;
    text-decoration: none;
}
ul.inv_con li dt b.hidebg {
    background: none repeat scroll 0 0 transparent;
    padding-left: 6px;
}
ul.inv_con li dt b.close {
    background-position: 3px 0;
}
ul.inv_con li dd {
    float: left;
    margin-left: 20px;
    padding: 2px 0;
    width: 200px;
}
ul.inv_con li dd div.check {
    float: left;
    height: 30px;
    width: 20px;
}
ul.inv_con li dd div.check input {
    margin: 0;
    padding: 0;
}
ul.inv_con li dd div.check a{
	width: 14px;
	height: 14px;
	background: url("../../image/addclipchoosebox.png");
	display: block;
	cursor: default;
}
ul.inv_con li dd div.check a.no_sel{
	background-position: 0 -14px;
}
ul.inv_con li dd div.check a.all_sel{
	background-position: 0 -28px;
}
ul.inv_con li dd div.check a.dis_sel{
	background-position: 0 0px;
}
ul.inv_con li dd div.check a.half_sel{
	background-position: 0 -42px;
}
ul.inv_con li dd div.check a.dissel_sel{
	background-position: 0 -56px;
}
ul.inv_con li dd a.logo{
	float: left;
	width: 30px;
	height: 30px;
	display: block;
}
ul.inv_con li dd a.logo img{
	width: 30px;
	height: 30px;
}
ul.inv_con li dd div.name {
    float: left;
    font-size: 12px;
    overflow: hidden;
    white-space: pre;
    width: 140px;
    margin-left: 5px;
}
ul.inv_con li dd div.email_add {
    border-bottom: 1px dashed #CDCDCD;
    float: left;
    font-size: 12px;
    overflow: hidden;
    padding-bottom: 3px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 140px;
    margin-left: 5px;
}

div.select_box div.addinvitezone {
	float: left;
	margin-top: 35px;
	width: 90%;
}
div.select_box div.addinvitezone button.closeinvite {
	background: url("../../image/addclipcloseinvite.png") repeat scroll 0 0 transparent;
	border: 0 none;
	cursor: pointer;
	float: right;
	height: 20px;
	margin: 0;
	padding: 0;
	width: 50px;
}
#addclipcontactlist div.choose_box{
	float: left;
	width: 150px;
	height: 278px;
	background: #ffffff;
	border-right:2px solid #ADADAD;
	border-bottom:2px solid #ADADAD;
	border-top:2px solid #ADADAD; 
	margin-top: 28px;
}
#addclipcontactlist div.choose_box ul{
	float: left;
	margin: 0;
	border: 0;
	padding: 0;
	list-style: none;
	margin-top: 14px; margin-left: 8px;
	height: 210px;
	width:138px;
	overflow: scroll;
	overflow-x:hidden;
	overflow-y:auto;
}
#addclipcontactlist div.choose_box ul li{
	float:left;
	list-style: none;
	width: 120px;
	height: 30px;
	margin-top: 4px;
}
#addclipcontactlist div.choose_box ul li div{
	float:left;
	width: 30px;
	height: 30px;
	background: #ff0000;
}
#addclipcontactlist div.choose_box ul li span{
	float:left;
	line-height: 30px;
	font-size: 12px;
	margin-left: 5px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 70px;
}
#addclipcontactlist div.choose_box ul li i{
	background: url("../../image/clipmobilenotice.png") repeat scroll 0 0 transparent;
	display: block;
	float: left;
	height: 16px;
	width: 10px;
	margin-left: 4px;
	margin-top: 7px;
	cursor: pointer;
}
#addclipcontactlist div.choose_box ul li i.onit{
	background-position: 0 -16px;
}
#addclipcontactlist div.choose_box div.btnline{
	float: left;
	width: 140px;
	height: 30px;
	margin-top: 10px;
}
#addclipcontactlist div.choose_box div.btnline button.cancel{
	float: right;
	background: url("../../image/daydetailcontent_confirm.jpg") repeat scroll 0 -20px transparent;
	display: block;
	height: 20px;
	width: 50px;
	border: 0;
	padding: 0;
	cursor: pointer;
}
#addclipcontactlist div.choose_box div.btnline button.cancel:hover{
	background-position: -50px -20px;
}
#addclipcontactlist div.choose_box div.btnline button.confirm{
	float: right;
	background: url("../../image/daydetailcontent_confirm.jpg") repeat scroll 0 0 transparent;
	display: block;
	height: 20px;
	width: 50px;
	border: 0;
	padding: 0;
	margin-right: 10px;
	cursor: pointer;
}
#addclipcontactlist div.choose_box div.btnline button.confirm:hover{
	background-position: -50px 0px;
}
/*******转发档期时，选择群组和用户的弹出框 --end********/

/*******一拍即合确认界面********/
#confirmEventInterface{
	position: absolute;	
	width: 450px;
	height: 300px;
	border:3px solid #aebcc8;
	background:#edf2f8; 
	top:100px;
	left:200px;
}
#confirmEventInterface div.topline{
	float: left;
	width: 100%;
	height: 25px;
}
#confirmEventInterface div.topline a.close{
	position:relative;
	background: url("../../image/addclipinvitecontactclose.png");
	height: 16px;
	width:16px;
	margin-left: 443px;
	margin-top:-9px;
	display: block;
}
#confirmEventInterface div.topline a.close:hover{
	background-position: 0 -16px;
}
#confirmEventInterface div.topline span.title{
	float: left;
	width: 217px;
	height: 17px;
	margin-top: 10px;
	background: url("../../image/confirmevent_title.jpg");
}
#confirmEventInterface table.content{
	width: 100%;
	height: 230px;
	margin: 0 auto;
}
#confirmEventInterface table.content tr{
	float: left;
	width: 100%;
	height: 230px;
}
#confirmEventInterface table.content tr td{
	height: 230px;
}
#confirmEventInterface table.content tr td.left{
	width: 30px;	
}
#confirmEventInterface table.content tr td.left button{
	width: 14px;
	height: 25px;
	background: url("../../image/confirmevent_arrow.png");
	padding: 0;
	border: 0;
	cursor: pointer;
}
#confirmEventInterface table.content tr td.left button:hover{
	background-position: 0 -25px;
}
#confirmEventInterface table.content tr td.right{
	width: 30px;
}
#confirmEventInterface table.content tr td.right button{
	width: 14px;
	height: 25px;
	background: url("../../image/confirmevent_arrow.png") -14px 0;
	padding: 0;
	border: 0;
	cursor: pointer;
}
#confirmEventInterface table.content tr td.right button:hover{
	background-position: -14px -25px;
}
#confirmEventInterface table.content tr td ul.interestlist{
	list-style: none;
	float: left;
	width: 370px;
	margin-left: 10px;
	margin-top:10px;
	padding: 0;
}
#confirmEventInterface table.content tr td ul.interestlist li{
	float: left;
	width: 60px;
	height: 60px;
	background: #cdcdcd;
	margin-left:10px;
	margin-top:10px;
}
#confirmEventInterface table.content tr td ul.interestlist li img{
	float: left;
	width: 60px;
	height: 60px;
}
#confirmEventInterface div.btnline{
	float: left;
	width: 450px;
	height: 31px;
	margin-top: 6px;
}
#confirmEventInterface div.btnline button.cancel{
	float: right;
	width:62px;
	height:31px;	
	background: url("../../image/confirmevent_cancel.png");
	padding: 0;
	border: 0;
	margin-right: 30px;
	cursor: pointer;
}
#confirmEventInterface div.btnline button.cancel:hover{
	background-position: 0 -31px;
}
#confirmEventInterface div.btnline button.confirm{
	float: right;
	width:62px;
	height:31px;	
	background: url("../../image/confirmevent_confirm.png");
	padding: 0;
	border: 0;
	margin-right: 10px;
	cursor: pointer;
}
#confirmEventInterface div.btnline button.confirm:hover{
	background-position: 0 -31px;
}
/*******一拍即合确认界面 -- end********/